angularjs 获取指定的 controller 并操作其中的成员变量
2017-09-21   阅读( 1 )   评论( 0 )
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的用法,但可能会遇到需要这样做的时候。


        
标签:AngularJS,controlle,scope,控制器
微信收款 支付宝收款
微信收款 支付宝收款
扫码赞赏吧(左微信,右支付宝)!

网友评论


    请填写评论内容!
    1 元
    5 元
    10 元
    其它金额: