zoukankan      html  css  js  c++  java
  • 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的用法,但可能会遇到需要这样做的时候。

  • 相关阅读:
    MySQL重置密码
    linux下自动备份脚本并上传到ftp服务器
    nginx配置
    WIFI防蹭网
    无线路由知识
    009汇编环境搭建
    008 计算机不会加法
    007计算机不会做加法
    006源码反码补码
    005有符号数和无符号数
  • 原文地址:https://www.cnblogs.com/czcz1024/p/3808345.html
Copyright © 2011-2022 走看看