在AngularJS

时间:2016-11-30 23:12:18

标签: javascript angularjs variables scope

上下文:我正在使用动态可编辑的帮助部分(每个部分都有其标题和内容)构建帮助程序。我有一个"添加"最后一个帮助现有部分底部的按钮,为此帮助程序添加更多帮助部分。 我绑定了一个变量$scope.helpVisible,将该部分的可见性设置为ReadOnly或Editable with ng-showng-hide

问题:当我点击"添加"要向帮助器添加新的帮助部分,我需要一个新变量来设置这个新元素(div)的可见性。问题是它需要先前的变量来决定这个新元素的可见性。

每次创建新的帮助部分时,我都尝试创建一个列表$scope.listOfVilibilities推送新项目。

如何在范围内创建新变量"动态"并在视图中绑定它们?

1 个答案:

答案 0 :(得分:0)

尝试将对象创建到数组中,并使用$ gvfs-open: www.google.com: error opening location: error when getting information for file '/home/username/Documents/www.google.com: no such file or directory指令将此新对象添加到视图中。

例如控制器:

ngRepeat
  

重要!我在删除功能中使用了lodash库。 Doc. here

HTML看起来像这样:

function MyCtrl($scope) {
    $scope.list = [];

    $scope.add = function(){
        $scope.list.push({value:void(0), disabled: false});
    }
    $scope.delete = function(value){
        $scope.list = _.remove($scope.list, function(n){
        return n.value !== value;
      });
    }
}

jsfiddle中查看此示例。