AngularJS指令 – 如何在异步数据加载后刷新模板

发布时间：2020-12-17 10:26:32 所属栏目：安全来源：网络整理

导读：我从 this question分叉并编辑了一个龙头我想要做的是在数据加载后让SELECT元素(组合框)更新/填充,但有些事情是不对的.我检索数据,它在SELECT元素的范围内,但模板不刷新以显示数据.有人可以have a look给我,并告诉我为什么模板不刷新？非常感谢. 指令： ap

我从 this question分叉并编辑了一个龙头

我想要做的是在数据加载后让SELECT元素(组合框)更新/填充,但有些事情是不对的.我检索数据,它在SELECT元素的范围内,但模板不刷新以显示数据.有人可以have a look给我,并告诉我为什么模板不刷新？

非常感谢.

指令：

app.directive('walkmap',function() { 
  return {
    restrict: 'A',transclude: true,scope: { walks: '=walkmap' },template: '<select data-ng-options="w.postalCode for w in walks"></select>',link: function(scope,element,attrs)
    {
      scope.$watch('walks',function (walks) {
                scope.walks = walks;
                console.log('watch triggered');
                console.log(scope.walks);


            });

    }
  };
});

Index.html：

<body ng-controller="MainCtrl">
    <h1>The Walks Data:</h1>
    <div walkmap="store.walks"></div>
  </body>

解：

>你不需要另一个$watch,范围：{walking：’= walkmap’}已经在观看了.
>使用ngOptions时,您也必须使用ngModel.
> angularjs ng-options not working
> Working with select using AngularJS’s ng-options

这是plunker：

app.directive('walkmap',template: '<select ng-model="selected" data-ng-options="w.postalCode for w in walks"></select>'
  };
});

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!