草庐IT

data-ng-bind

全部标签

javascript - 在 angular.js 的选择下拉列表中绑定(bind)值和文本

我的页面中有这个下拉菜单由于模型设置为obj.x,我可以在任何$scope函数中使用$scope.obj.x访问它.自然地,它给出所选选项的值。有什么方法可以让我也获得选定的文本吗?例如将obj.x绑定(bind)到所选选项的文本并将obj.x_text绑定(bind)到所选选项的文本。 最佳答案 如果绑定(bind)col而不是col.col_id:您将能够从$scope.obj.x访问col_id和col_name:$scope.obj.x.col_id$scope.obj.x.col_name

javascript - 使用 IE 11 和 AngularJS 的 2 种方式数据绑定(bind)问题

我最近在我们的Web应用程序上构建了一个使用AngularJS的功能,我遇到了IE11的一些问题,无法正确地$apply()将数据更改到DOM。出于某种原因,这只是有时会发生,而当我尝试调试使它看起来像是时间问题的问题时永远不会发生。这是出现问题时调用的函数。$scope.createThrottling=function(sources){MYAPP.modals.Throttling('New',sources,API,function(){$scope.isLoading=true;$scope.$apply();API.Migrations.getThrottles({id:j

javascript - 有没有办法为提示的输入问题做一个 while 循环,绑定(bind)它们并在数组中提供所有答案?

我正在构建一个Yeoman生成器,所需的依赖项来自https://github.com/sboudrias/mem-fs-editor#copytplfrom-to-context-settings和https://github.com/SBoudrias/Inquirer.js/我们的想法是能够向用户提出一个问题并重复相同的问题,即您想添加另一个问题...如果用户添加另一个问题,那么它将绑定(bind)并记录该答案,如果用户说“不”'或点击return提示将停止。然后我想将所有答案绑定(bind)到一个数组,该数组可以传递给另一个对象函数,以便它可以将响应列为数组。到目前为止,这是代

javascript - 如何合并 ng-message 消息

我是AngularJS的新手,但我进行了广泛的搜索,但找不到这个问题的有效答案,也许这根本不可能像我想象的那样。我想要的是能够组合错误条件,以便我可以在ng-messages中使用更通用的错误消息模块。由于我们的应用程序是多语言的,因此这为我们节省了大量维护文本的时间。在我的示例中,将minlength、maxlength和pattern结合起来并让它引用1个通用消息会很棒。我让它工作的唯一方法是为每种类型单独的ng-message,然后重复使用对我来说似乎多余的错误文本。希望这是我遗漏的一些简短的东西,比如不理解何时/如何使用,或||。Errormessage:Requiredtex

javascript - 我如何在 Ember 1.13 中绑定(bind)多个类名?

随着bind-attr的弃用,取而代之的是handlebarif语句用于类名绑定(bind);如何将多个类名绑定(bind)到一个元素?文档指定了单个绑定(bind)类名的语法,但没有指定多个:http://guides.emberjs.com/v1.13.0/templates/binding-element-class-names/Warning!结果是(当isEnabled=true时):Warning!但是如果我需要将其他类名绑定(bind)到这个元素上怎么办?我试过:Warning!and(带分号和不带分号)...Warning!第一个是后进获胜,第二个甚至没有编译。

javascript - Angular Directive(指令) : Adding ng-class directive at compile time on existing template element

长话短说,这个想法是通过不必手动添加ng-class={'has-error':'formName.inputName.$invalid'}来简化模板每一个form-group所以我想创建一个指令来生成一个字符串,该字符串将被添加到模板元素中。该字符串是一个带有表达式的ng-class属性我认为创建一个在编译阶段添加ng-class属性的快速指令就足够了,但它似乎并没有削减它。指令定义对象{restrict:'C',compile:function(tElement,tAttrs){var$elem=angular.element(tElement),formName=$elem.pa

javascript - 如何在 Angular 2 CLI 中使用 "ng build --prod"和 "ng serve --prod",出现 404 错误

当我尝试使用--prod选项运行ngbuild时,它会编译成一个main.js文件,并且我在控制台中没有收到任何错误。但是当我在浏览器中运行应用程序时,它仍然会查找单独的js文件。我的main.ts://defaultimport{provide,enableProdMode,ExceptionHandler}from'@angular/core';import{LocationStrategy,HashLocationStrategy}from'@angular/common';import{bootstrap}from'@angular/platform-browser-dynam

javascript - 为动态创建的组件添加事件绑定(bind)

我使用ViewContainerRef.createComponent()方法在app.component.ts中动态创建组件,该方法返回一个ComponentRef对象.letnewComponent:ComponentRef=this.filtersSection.createComponent(MyDateRangeComponent);我需要动态地向这个组件添加一个事件监听器,以便它监听onDateRangeChange事件并执行app中定义的dateRangeChanged(event)方法.component.ts组件。我最初在app.component.html中以这种方

javascript - 带条件语句的 ng-init

我有一个AngularJS应用程序,当页面加载时会执行getTableData,但我想检查一个变量$rootScope.Dealer并切换初始化的函数名。例如:如果存在$rootScope.Dealer值,我想执行名为getDealerData的函数如果没有设置值需要执行getTableData函数。如何在anglarjs模板中制作它。我刚刚尝试了ng-if,但它不起作用... 最佳答案 您可以像这样在ng-init指令中使用简单的Javascript语法:这是给你的plnkr(我已经将后端路由生成更改为文本):https://pl

javascript - 输入(类型 ="search")十字图标的 Angular 事件绑定(bind)?

如何使用Angular2(4,5,6,7)为的十字图标绑定(bind)事件?触发哪个事件?寻找类似的解决方案(除了(搜索),因为它在IE中不起作用):附加问题:这个十字图标的正式名称是什么?在不知道正确的条款时有点难以谷歌搜索/duckduckgoing寻求解决方案?重复问题:Howdoyoudetecttheclearingofa"search"HTML5input? 最佳答案 关于javascript-输入(类型="search")十字图标的Angular事件绑定(bind)?,我