angularjs - 使用 Angular js 处理 Select2 事件

Question

我在使用 Angular js 触发我的 select2 on-change 事件时遇到问题。

这是我的 html:

<select ui-select2="{allowClear:true}" data-placeholder="Select a Department" ng-change="DoSomething()" class="input-max" ng-model="l.DepartmentID">
    <option value=""></option>
    <option ng-repeat="d in l.LineLookups.Departments" value="{{d.DepartmentID}}">{{d.Type}}</option> </select>

当“选择下拉目”更改时，更改事件不会触发。这是我的 Controller 中的事件处理程序:

$scope.DoSomething = function () {
        alert('here');
        ...
}

处理这个问题的最佳方法是什么？有人告诉我要注意模型值。这会起作用，还是有更好的方法？

Answer 1

观看 ng-model 的替代方法:

鉴于:

<select ui-select2="{allowClear:true}" data-placeholder="Select a Department" class="input-max" ng-model="l.DepartmentID">
<option value=""></option>
<option ng-repeat="d in l.LineLookups.Departments" value="{{d.DepartmentID}}">{{d.Type}}</option>
</select>

在 Controller 中:

$scope.$watch('l.DepartmentID', function (newVal, oldVal) {
    if (oldVal == newVal) return;
    alert('here');
}, true);