需要改用ng-model-options来解决问题,通过将updateOn属性设置为“default blur”来触发更新,就可以解决ng-model无法更新的问题。
以下是示例代码:
HTML代码:
JavaScript 代码:
$scope.selectedItems = []; $scope.items = [ {id: 1, name: '选项1'}, {id: 2, name: '选项2'}, {id: 3, name: '选项3'}, {id: 4, name: '选项4'}, {id: 5, name: '选项5'} ];
$scope.selectItem = function() {
console.log($scope.selectedItems);
};
$scope.$watch('selectedItems', function(newVal, oldVal) { // 这里代码可以根据需要进行操作 }, true);
在上述代码中,当使用者从下拉框中选择一个或多个选项后,selectItem()函数会被调用,并将选择的数据传递给$scope.selectedItems。同时,$watch函数将自动监测$scope.selectedItems值的变化,并在其变化时执行自定义操作。