具体回答就是在div上写ng-click="cbClick()"这样的方式来实现.angular框架推崇的是声明式ui,所以基本上回调
事件写在html元素上比较符合约定,或者你也可以把事件封装到
指令中. 用angular的话,最好不要考虑jquery的思路来做程序,最好的方式就是考虑下angular特有的方式,比如双向数据绑定,控制器,指令来完成这类型的功能,不要去考虑细节怎么实现的,要从抽象的层面去实现,不然angular能做的,jquery也能做,不要把一个angular程序写出jqueryAngularJS ng-change 指令 AngularJS 实例 当输入框的值改变时执行函数: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="apps/libs/angular.js/1.4.6/angular.min.js"></script> </head> <body ng-app="myApp"> <div ng-controller="myCtrl"> <p>在输入框中输入一些信息:</p> <input type="text" ng-change="myFunc()" ng-model="myValue" /> <p>输入框已经
修改了 {{count}} 次。</p> </div> <script> angular.module('myApp', []).controller('myCtrl', ['$scope', function($scope) { $scope.count = 0$scope.myFunc = function() { $scope.count++} }]) </script> </body> </html> 运行结果： 在输入框中输入一些信息: 输入框已经修改了 0 次。 定义和用法 ng-change 指令用于告诉 AngularJS 在 HTML 元素值改变时需要执行的 *** 作。 ng-change 指令需要搭配 ng-model 指令使用。 AngularJS ng-change 指令指令不会覆盖原生的 onchange 事件, 如果触发该事件，ng-change 表达式与原生的 onchange 事件都会执行。 ng-change 事件在值的每次改变时触发，它不需要等待一个完成的修改过程，或等待失去焦点的动作。 ng-change 事件只针对输入框值的真实修改，而不是通过 JavaScript 来修改。 语法 <element ng-change="expression"></element> <input>, <select>, 和 <textarea>元素支持。 参数值 值描述expression元素值改变时执行表达式。 以上就是对AngularJS ng-change 指令的知识整理，后续继续补充。<select ng-model="selectedDistrict" ng-change="selectedUnit=''" ng-options="district.name for district in districts" class="ng-valid ng-dirty"></select>
<select ng-model="selectedUnit" ng-change="selectedPosition=''" ng-options="unit.name for unit in selectedDistrict.units" class="ng-valid ng-dirty"></select>
这个是两级联动。如果要多选，建议你用插件isteven-multi-select。
微信扫一扫
支付宝扫一扫
评论列表（0条）