上下文:我正在使用动态可编辑的帮助部分(每个部分都有其标题和内容)构建帮助程序。我有一个"添加"最后一个帮助现有部分底部的按钮,为此帮助程序添加更多帮助部分。
我绑定了一个变量$scope.helpVisible
,将该部分的可见性设置为ReadOnly或Editable with ng-show
和ng-hide
。
问题:当我点击"添加"要向帮助器添加新的帮助部分,我需要一个新变量来设置这个新元素(div)的可见性。问题是它需要先前的变量来决定这个新元素的可见性。
每次创建新的帮助部分时,我都尝试创建一个列表$scope.listOfVilibilities
推送新项目。
如何在范围内创建新变量"动态"并在视图中绑定它们?
答案 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中查看此示例。