AngularJS - 触发`visibility`不更新一次绑定

Question

我将我的数据添加为一次绑定。我也在尝试更新数据列表。

触发更新，我正在尝试toggling ng-show指令。但我没有得到预期的结果。我可能需要使用CURD执行所有one time bindng次操作 - 任何人都可以显示我在这里保留的问题或正确的方法吗？

这是我的代码：

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

app.controller('MainCtrl', function($scope,$timeout) {

  $scope.visible = true;
  $scope.name = 'World';

  $scope.data = [
      {"name":"name1","city":"city1"},
      {"name":"name2","city":"city2"},
      {"name":"name3","city":"city3"}
      ]

  $scope.addItem = function( item ){

    $scope.visible = false;

    var value = Math.ceil(Math.random()*10+1);
    $scope.data.push({
      name:"name"+value,
      city:"city"+value
    });

    console.log( $scope.data );

    $timeout(function() {
      $scope.visible = true;
    });

  }
});

Live Demo

Answer 1

在ng-show中使用ng-if。 当ng-if在false时分离dom元素时，ng-show只隐藏元素。