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

blomster 发表于 Dev

花卉

我从这个问题上分叉并编辑了一个小矮人

我正在尝试做的是让SELECT元素（组合框）在数据加载后进行更新/填充，但是有些错误。我检索了数据，它在SELECT元素的作用域内，但是模板没有刷新以显示数据。有人可以帮我看看，为什么我的模板不刷新？

非常感谢。

指令：

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，scope: { walks: '=walkmap' }已经在观看。
使用时ngOptions也必须使用ngModel。
angularjs ng-options不起作用
使用AngularJS的ng-options选择

这是一个小矮人：

app.directive('walkmap', function() { 
  return {
    restrict: 'A',
    transclude: true,
    scope: { walks: '=walkmap' },
    template: '<select ng-model="selected" data-ng-options="w.postalCode for w in walks"></select>'
  };
});

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。