再次刷新Angular JS App

时间:2016-01-03 20:48:11

标签: javascript angularjs

我有一个应用程序,其中页面的一部分以角度js实现。我有一个要求,我必须根据一些用户操作重新加载来自服务器的角度js模板。我用虚拟代码模拟了确切的情况,

select

单击“添加”按钮,如何将值再次设置为“Hello”。

感谢。

2 个答案:

答案 0 :(得分:2)

很抱歉,如果我误解了你的意思,但这就是我认为你想要实现的......

var app = angular.module('app', []);

app.controller('mainController', function($scope) {
  $scope.p1 = 'Hello';

  $scope.add = function() {
    $scope.p1 = 'New Hello'
  }
});
<html>

<head>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
</head>

<body ng-app="app">
  <div class="container" ng-controller="mainController">
    <button type="button" ng-click="add()">Add</button>
    {{p1}}
  </div>
</body>

</html>

答案 1 :(得分:0)

找到解决方案。我不得不重新编译模板,以便与控制器的绑定再次正常工作。以下链接很有用。

https://gist.github.com/umidjons/1fb8ae674df4c71f85cf

我已使用工作版更新了初始代码。