我有一个这样的html,
<div class="main">
<ul>
<li ng-repeat='save in saves'>
<h3>{{save.name}}</h3>
<div >
<ul>
<li ng-repeat='story in stories'>
<div ng-show="story.display"><label>welcome</label></div>
<div ng-show="!story.display"><input type="text"></div>
</li>
</ul>
</div>
<div ng-click="add()">Click</div>
</li>
</ul>
<div ng-click="theme()">Add theme</div>
</div>
我的控制器是这样的
$scope.saves=[];
$scope.stories=[];
$scope.theme=function()
{
$scope.saves.push({name:'joseph',name:'john',name'peter'});
};
$scope.add=function()
{
$scope.stories.push({display:'false'});
};
我在这里做这个,
当用户单击 addtheme 按钮时,我将名称推送到保存(数组)中,然后用 li 标签重复它,这样输出
joseph
click
john
click
peter
click
因此,当用户再次单击单击时,我只想为特定单击的 li 显示一个文本框..但是发生了什么事,当我单击单击按钮时,它显示三个文本框用于三个 li 标签....
如何打开特定的文本框?