AngularJS - 可視性をトリガーして1回のバインディングを更新しない

Question

私は一度のバインディングとして自分のデータを追加しています。私もデータのリストを更新しようとしています。

トリガーアップデートのために、私はtogglingng-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-もしあなたNG-ショー：

は、ここに私のコードです。 ng-falseのときにDOM要素をデタッチすると、ng-showは要素を非表示にします。