angularjs - 无法从 Javascript 设置 Angular 模型

Question

我试图从 Javascript 代码中设置一个 angularjs 模型值，但它不起作用。我总是得到该属性的空值。下面是我的html代码片段：

  <script type="text/javascript">

    VSS.init({
        explicitNotifyLoaded: true,
        usePlatformScripts: true,
        usePlatformStyles: true
    });

    VSS.ready(function () {            

        console.log("Organization name " + VSS.getWebContext().account.name);
        var scope = angular.element(document.querySelector('#hubContainer')).scope();
        scope.$apply(function () {
            scope.DashboardModel.AccountKey = VSS.getWebContext().account.name;
        })
    });

   </script>

  <div class="ng-cloak tree-master-wrapper">
    <div id="hubContainer" class="ng-scope" data-ng-controller="MyController">
       Some code comes here…….
   </div>

但由于某些原因，console.log(“AccountKey” + $scope.DashboardModel.AccountKey) 是空的。任何想法？我使用https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js

Answer 1

我可以通过将此条目添加到“MyController”来解决此问题：

MyModule.controller('MyController', ['$scope', function($scope){

    $scope.DashboardModel = new DashboardModel(); 

    var checkPermission = function (selectedTeam) {
    VSS.require(["VSS/Service", "VSS/Security/RestClient"], 
    function(VSS_Service, Security_RestClient) {   
       $scope.DashboardModel.AccountKey = VSS.getWebContext().account.name;
    });
   });
  }