0

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

如何打开特定的文本框?

4

1 回答 1

0

你可以更换

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

<div  ng-hide="story.display"><input type="text"></div>
于 2013-11-12T07:15:06.700 回答