在Angular 1.5中,根据数组长度启用/禁用输入字段
Enable/disable input field depending on array length in Angular 1.5
我是Angular 1.5的新手。我想要一个数组,当它为空时,我想要禁用输入字段。当它不是空的时候,我想启用这个字段。但它并没有像预期的那样工作。我做了一个简单的例子。
angular.module('demoApp', [])
.controller('MainController', MainController);
function MainController() {
var vm = this;
this.data = ['a', 'b'];
setInterval(function() {
if (vm.data.length === 0) {
vm.data = ['a', 'b'];
} else {
vm.data = [];
}
console.log('vm.data is now ', vm.data);
}, 2000);
}
和
<div ng-app="demoApp" ng-controller="MainController as mainCtrl">
<input type="text" ng-disabled="!data" />
<br />
data is {{ data }}
</div>
我希望每次执行setInterval()
方法时,HTML都会更新,因此输入将在启用和禁用之间循环。但是不工作,模板没有输出数据数组
因为你正在使用控制器实例,你需要使用它的别名mainCtrl
,检查data
是否为空或不检查它的length
属性。
<div ng-app="demoApp" ng-controller="MainController as mainCtrl">
<input type="text" ng-disabled="mainCtrl.data.length == 0" />
<br />
data is {{ mainCtrl.data }}
</div>
另外,你应该使用$interval
而不是setInterval
。
小提琴
相关文章:
- 根据字段的值启用按钮
- Rad网格编辑模式通过选中复选框时的java脚本启用禁用所需的字段验证器
- 使用JQuery启用输入字段的单选框
- 在其他文本输入字段中输入文本时启用复选框
- 如何基于单选按钮切换启用/禁用输入字段
- Jquery ajax post禁用启用字段并获取响应
- 可以't在safari中启用html输入字段
- Onclick无法在IE8和IE7中启用只读字段
- jQuery:在输入字段中输入文本时,不启用该按钮
- 启用字段并允许使用键控值进行编辑
- 在输入字段中启用占位符,以便清空“在”用户输入之后,而不是对焦
- 如何在更改时验证输入字段并启用提交按钮
- 有没有办法知道 .net 必填字段验证器是否从 js 启用或禁用
- 使用 Javascript 启用和禁用输入字段
- 启用在输入字段中输入文本的按钮
- 如何在chrome浏览器中的输入字段中使用只读属性时启用光标移动
- 如何使用挖空 js 启用/禁用输入字段
- 启用和禁用ionic中的输入字段
- 在调用第二个函数后启用字段函数触发器
- JavaScript-如何在Firefox浏览器中启用箭头键,同时根据特殊字符验证输入字段