AngularJS - 刷新部分视图

时间:2014-10-13 14:58:29

标签: angularjs partial-views

我有一个由部分视图组成的单页应用。我想在不重新加载页面的情况下刷新元素点击的部分视图。这样做的最佳方式是什么?

1 个答案:

答案 0 :(得分:0)

我认为Aliz在你的回答下面的评论将是每个人都在问的问题,但我会尝试回答你的问题,假设下面的示例代码类似于你试图存档的内容。

<section controller='ctrl'>
   <span>{{ text }}</span>
   <button ng-click="update()">update text</button
</section>





angular.module('myApp')
.controller('ctrl', ['$scope', '$timeout', function($scope, $timeout){
   // the data inside $scope.text can be dynamically populated from an AJAX call result. (doesn't matter where its from)
   $scope.text = 'hello world!';

   $scope.update = function() {
      // sometimes this doesn't work and you need to call $scope.$apply below to forcefully update the view.
      $scope.text = 'new text';

      $timeout(function(){
         $scope.$apply();
      }, 0);
   }
}];

如果这不是您尝试存档的内容,请发布您的代码以获得进一步的帮助。