Question

我有一个非常简单的设置，如下所示。我的问题是，我在$ http的成功回调中设置的两个变量，一个反映在UI而另一个不反映。

正如您所见，我试图在控制器加载时显示进度，并在成功回调执行后隐藏它。但它不起作用，因为我在成功回调中设置的错误似乎不会传播到UI。

messages.html

<div>
<div ng-include="'partials/common/progress.tpl.html'"></div>
<div>{{message}}</div>

progress.tpl.html

<div ng-show="{{showProgress}}"  class="overlay" id="overlay"></div>

控制器

app.controller('MessageController',['$scope','$http','ROOT_URL','$q',
  function($scope,$http,ROOT_URL,$q) {
    $scope.showSkipBtn = "false";
    $scope.title = "Message of the Day";    
    $scope.showProgress = "true";    
    $http.get(ROOT_URL+'get_message_for_the_day').then(function(result){
      $scope.message = result.data.message_of_the_day.replace(/\r?\n/g,'<br/>');    
      $scope.showProgress = "false";
      console.log($scope.showProgress);
    });            
}])

Answer 1

在progress.tpl.html中移除围绕showProgress的花括号

设置Angular JS中包含的模板中的$ scope变量的值

1 个答案: