Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
AngularJS-触发“可见性”而不是一次性更新绑定_Angularjs - Fatal编程技术网

AngularJS-触发“可见性”而不是一次性更新绑定

AngularJS-触发“可见性”而不是一次性更新绑定,angularjs,Angularjs,我将数据添加为一次性绑定。同时,我也在尝试更新数据列表 为了触发更新,我正在尝试切换ng show指令。但我没有得到预期的结果。是否需要我使用一次性绑定执行所有CURD操作?是否有人显示我保存在此处的问题或正确的操作方法 这是我的密码: var app = angular.module('plunker', []); app.controller('MainCtrl', function($scope,$timeout) { $scope.visible = true; $scope

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

为了触发更新,我正在尝试
切换
ng show
指令。但我没有得到预期的结果。是否需要我使用
一次性绑定执行所有
CURD
操作?是否有人显示我保存在此处的问题或正确的操作方法

这是我的密码:

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;
    });

  }
});

如果您的ng秀需要使用ng。
当ng if detach dom元素为false时,ng show仅隐藏该元素。

将ng if与ng show一起使用。
当ng if detach dom元素为false时,ng show只隐藏该元素。

效果很好,我发现小闪烁如何避免这种情况?总是当ng if为false时,你分离html元素,当为true时,你将它们附加回来。为什么你不能正常的ng重复数据绑定呢?这是我展示的孔数据的一小部分。我有120列,每个都有多个凝乳过程。我发现性能问题,这就是我执行一次
绑定的原因。请尝试在元素中使用
一次绑定,而不是ng repeat。例如:
  • {{{::d.name}
  • 。也许这就足够解决你的性能问题了。它工作得很好,我正在寻找小的闪烁如何避免它?总是当ng如果为false时,你分离html元素,当为true时,你重新附加它们。为什么你不能正常的ng重复数据绑定呢?这是我展示的孔数据的一小部分。我有120列,每个都有多个凝乳过程。我发现性能问题,这就是我执行一次
    绑定的原因。请尝试在元素中使用
    一次绑定,而不是ng repeat。例如:
  • {{{::d.name}
  • 。也许这就足够解决你的表现问题了。