$ scope数据首次未在视图中更新

时间:2016-06-08 06:01:54

标签: angularjs angularjs-controller

controller.js

$scope.getElectInfo=function(){
        var selectedVal = $("#countriesList option:selected").val();
        if (selectedVal != 0) {
        $.get(APP_URL+ "/political/ElectionType/GetElectionTypesByCountry?countryId="
                                + selectedVal,
                        function(data, status) {
                        $scope.data1=data;
                        console.log($scope.data1);
                        });
                    $scope.Structure = true;    
    }else
    {
    $scope.Structure = false;
    }
        }

HTML

 <select id="countriesList" ng-change="getElectInfo()" ng-model="getElectionInfo">
       </select>
       <div ng-show="Structure" class="content">

 <figure class="org-chart cf">
<ul class="administration">
  <li>                  
    <ul class="director">
      <li>
        <ul class="subdirector">
        </ul>
        <ul class="departments cf">                             
          <li><a ><span ng-repeat="cname in country">{{cname.countryName}}</span></a></li>

          <li class="department dep-b" ng-repeat="types in data1">
            <a ><span>{{types.name}}</span></a>
          </li>

在上面的controller.js我得到了国家明智的选举类型数据,在html页面中我第一次选择国家时$ scope.data1未在视图中更新,选择第二次更新可以任何一个帮帮我什么问题!

1 个答案:

答案 0 :(得分:1)

最后我明白了,

需要放置$ scope。$ apply();在函数(数据,状态){}