草庐IT

angularjs-ng-model

全部标签

javascript - 在 angularjs 中实现单个三态复选框的最佳方法是什么?

有没有一种简单的方法可以在网页上放置一个三态复选框并将其绑定(bind)到bool模型,以便后者可以采用true、false或null值?目前我找到的最接近的解决方案是http://jsfiddle.net/HB7LU/454/但它在设置初始View状态时存在缺陷(因为在首次渲染期间无法获取模型值)。任何其他建议处理多个子复选框并通过监视它们来解决问题。 最佳答案 http://jsfiddle.net/xJhEG/我在一个商业项目中做到了。三态是真、假、空(不是“未知”).directive('indeterminate',[fu

javascript - 使用 ng-options 传递值而不是整个对象

我正在解析一个.json文件并在选择中显示所有可用选项:它正在工作,但不是我想要的那样。我不想让整个对象进入我的模型,我只想拥有这个对象的值。通过Chrome开发工具:这个对象(如图所示)在我的模型中。我只想要文本。但是当我将我的ng-options更改为:ng-options="options.textforoption.textinquestion.body.options"它根本不工作...... 最佳答案 根据ngOptionsdocumentation您可以指定要用作选项值的对象的属性selectaslabelfor(ke

javascript - AngularJS - ngModel 绑定(bind)下拉值在视觉上发生变化,而变量没有

我有一个下拉列表:AllCountries$scope.countries最初由服务填充,然后另一个下拉更改事件将通过再次调用该服务来限制$scope.countries的值,传递通过其他下拉菜单的选定项目。这里的问题是当$scope.filter.country已经绑定(bind)到一个值(默认值除外)并且$scope.countries更新为不包含$scope.filter.country值的新列表。我可以看到国家/地区下拉列表恢复为默认选项“所有国家/地区”,但是$scope.filter.country保持原样。关于这个场景有什么想法吗?$scope.filter.countr

javascript - ng-include 改变 angular-ui datepicker 的行为

我在我的一些页面上使用了ng-include,但是我不得不停止使用ng-include,因为它破坏了angular-ui日期选择器。我打开了这个Githubbug.我想知道是否有其他人遇到指令在用作ng-include的一部分时无法以相同方式运行的问题。有没有办法让日期选择器作为ng-include的一部分按预期工作?这里有一个plunker展示了它是如何被破坏的。http://plnkr.co/edit/AboEJGxAK3Uz76CfpaZ0?p=preview这是在View中工作的html,但在包含ng的一部分时不起作用。这是来自Controller的JS。$scope.open

javascript - 使用 ng-options 过滤大写字母

我没有在ng-options中找到如何将首字母大写或大写。我的选择:在Controller中:$scope.currency_list=[{code:'eur'},{code:'usd'}];我想打印“EUR”、“USD”或“Eur”、“Usd”,而无需手动循环我的对象。这有可能吗? 最佳答案 这应该有效:ng-options="currency.codeas(currency.code|uppercase)forcurrencyincurrency_list"查看过滤器文档:https://docs.angularjs.org/a

javascript - AngularJS + ArcGIS

我正在尝试使用ArcGISJavaScriptAPI在Angular应用程序中。如我所见,它使用Dojo。所以,我正在尝试从Angular指令初始化ArcGIS,如下所示:link:function(scope,element,attrs){dojo.require('esri.map');varinit=function(){console.log('dojoisready');varmap=newesri.Map("map-container",{center:[-111.3797,56.7266],zoom:16,basemap:"streets"});map.enableScr

javascript - 如何以编程方式使用 AngularJS 提交表单

我已经为一种特殊类型的提交按钮制定了一个指令,该按钮会在提交表单时进行监视,然后该按钮将被禁用并获得一个漂亮的动画进度条。当通过按下提交按钮或在其中一个字段中按下回车键提交表单时,一切正常,onsubmit处理程序被调用就好了。问题:在我的一个表单中,我有一个文本区域,我想在用户按下回车键时提交它。所以我做了一个onEnter指令,它只是寻找正确的按键,然后执行一个函数。Post问题当然是这不会触发onsubmit处理程序,因此按钮不会被禁用或发生任何事情。我该如何解决这个问题?我尝试过类似document.form.submit()的方法,但它以老式的HTML方式提交表单,当然会绕过

javascript - ng-focus 触发两次,而 ng-blur 从不触发

我现在对Angular有相当的经验,但这似乎是在DOM事件传播方式的较低层次上发生的事情。由于某些原因,在我的应用程序的一部分中,我在同一input上有ng-focus和ng-blur,但是ng-focus事件触发两次,ng-blur永远不会触发。然后在我的Controller中$scope.doFocus=function(){console.log('focus');}$scope.doBlur=function(){console.log('blur');}当我检查我的控制台时,我看到2个“焦点”消息,没有“模糊”消息...我已经在我网站的其他部分对此进行了测试,它在其他一些部分

javascript - 检查 AngularJS 模块是否被引导

我有一个带有ASP.NET应用程序的iframe,其中包含UpdatePanel。我开始在应用程序中使用Angular,但由于.NET回发,一切都无法正常工作。为了解决这个问题,我使用了这个解决方案:with(Sys.WebForms.PageRequestManager.getInstance()){add_endRequest(onEndRequest);//regestertotheendRequest}functiononEndRequest(sender,args){angular.bootstrap($('#mainDiv'),['defaultApp']);varroot

javascript - angularjs $resource 类级回调,或后处理

我有一个$resource,它的API总是会返回一些在进入表示层之前需要清理的数据。具体来说,它是.NET以可爱的'/Date(...)/'格式返回Date对象。我不想每次调用.query()或.get()时都必须编写回调。是否有某种方法可以通过在更新实例属性的REST方法上调用回调来扩展资源,或者通过添加某种$watch在日期属性更改时触发?基本上,此$resource的每个实例都会发生一些事情。angular.module('myAppServices',['ngResource']).factory('Participant',['$resource',function($res