?
Ce document utilise Manuel du site Web PHP chinois Libérer
當用戶改變輸入時計算給出的表達式。表達式會被立即計算,不像 JavaScript的onchange事件只會在最后一次改變時觸發(fā)(通常,當用戶離開表單元素或按回車鍵時)。當值的變化來自于模型時,不會對表達式進行計算。
注意,這個指令需要同時給出 ngModel
。
<input
ng-change="">
...
</input>
參數 | 類型 | 詳述 |
---|---|---|
ngChange | expression | 在輸入值改變時執(zhí)行的表達式。 |
<script>
angular.module('changeExample', [])
.controller('ExampleController', ['$scope', Function($scope) {
$scope.counter = 0;
$scope.change = Function() {
$scope.counter++;
};
}]);
</script>
<div ng-controller="ExampleController">
<input Type="checkbox" ng-model="confirmed" ng-change="change()" id="ng-change-example1" />
<input Type="checkbox" ng-model="confirmed" id="ng-change-example2" />
<label for="ng-change-example2">Confirmed</label><br />
<tt>debug = {{confirmed}}</tt><br/>
<tt>counter = {{counter}}</tt><br/>
</div>
protractor.js
var counter = element(by.binding('counter'));
var debug = element(by.binding('confirmed'));
it('should evaluate the expression if changing from view', Function() {
expect(counter.getText()).toContain('0');
element(by.id('ng-change-example1')).click();
expect(counter.getText()).toContain('1');
expect(debug.getText()).toContain('true');});
it('should not evaluate the expression if changing from model', Function() {
element(by.id('ng-change-example2')).click();
expect(counter.getText()).toContain('0');
expect(debug.getText()).toContain('true');});