AngularJS - 为什么选择下拉列表在更改时没有$ event

时间:2013-09-01 05:02:50

标签: javascript html angularjs

我是AngularJS的新手。我有一个问题,为什么ng-change没有通过$ event?

HTML

<div ng-controller="foo">
    <select ng-model="item" ng-options="opts as opts.name for opts in sels" ng-change="lstViewChange($event)" ng-click="listViewClick($event)"></select>
</div>

脚本

var myApp = angular.module('myApp', []);
angular.element(document).ready(function() {
   angular.bootstrap(document, ['myApp']);
});

function foo($scope) {
    $scope.sels = [{id: 1, name: 'a'}, {id: 2, name: 'b'}];

    $scope.lstViewChange = function($event){
        console.log('change', $event); //undefined
    }

    $scope.listViewClick = function($event){
        console.log('click', $event); //object
    }
}

看看这个小提琴http://jsfiddle.net/QfZZH/Click传递有效的$事件,但change没有。有人可以解释这种行为吗?

1 个答案:

答案 0 :(得分:5)

只是说明显而易见,文档说ngClick会传递事件,但ngChange没有此类文档。

那么,你问的是为什么Angular的设计师选择这样做?我的想法是ngClick因点击而触发,因此有一个与指令触发相关的鼠标事件是有意义的。另一方面,ngChange是任何改变模型的用户操作的结果,可以与各种事件而不是一个特定事件相关联。

相关问题