angularjs 从外部改变controller内的数据

var appElement = document.querySelector('[ng-controller=seatsCtrl]');
var $scope = angular.element(appElement).scope();
$scope.$apply(function () {$scope.data = [{ id: 1, cnt: 4 },{ id: 3, cnt: 5 },{ id: 2, cnt: 6 }];
});

取到scope，然后调用$apply

或者在controller里写一个function

$scope.update = function (data) {$scope.data = data;$scope.$apply();
}

外部调用这个function

var ele = document.querySelector("[ng-controller=seatsCtrl]");
angular.element(ele).scope().update([{ id: 1, cnt: 7 },{ id: 3, cnt: 8 },{ id: 2, cnt: 9 }
]);

注意function内部，需要调用$apply()

如果不调用apply，虽然scope的数据变化了，但并不会更新到页面上去显示

从非angularjs的js代码中去改变angularjs的controller的数据，或许，这并不是标准的angularjs的用法，但可能会遇到需要这样做的时候。

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！