Question

如果我将ng-show保留在函数之外，那么它可以完美地完成任务，但是如果我将其保留在HTTP post方法的成功函数中，则它什么也没做。

我想在post方法成功后立即触发ng-show，但无法通过。

我的Angular代码：

angular.module('plunker', []).controller('MainCtrl', function($scope, 

$http) {
  $scope.data = {
    div1: false,
    div2: false
  };

  $scope.showText = function() {
    $http({
      method: 'post',
      url: '/'
    }).success(
      function(response) {
        $scope.data.div1 = true;
      },
      function(response) {
        var fail_status = response.status;
        console.log('test ' + fail_status);
      }
    );
  };
});

我的HTML代码：

<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="lib/style.css" />
    <script src="lib/script.js"></script>
  </head>
  <body ng-app="plunker" ng-cloak>
    <div ng-controller="MainCtrl">
      <div ng-show="data.div1">div 1</div>
      <div ng-show="data.div2">div 2</div>
      <input type="button" ng-click="showText();" value="click me" />
    </div>
  </body>
</html>

ng-show在成功回调函数中停止工作

0 个答案: