如何根据angularjs中的索引值显示li标签

Question

我有一个这样的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 标签....

如何打开特定的文本框？

Answer 1

你可以替换

<div  ng-show="!story.display"><input type="text"></div>

到

<div  ng-hide="story.display"><input type="text"></div>