2013-08-01 53 views
1

我有多個數據呈現在ng-repeat中的列,當我點擊某個項目表單列時會顯示另一個表單,但是當我點擊最後一列中的特定項目時,我想要顯示一個表單,我嘗試使用NG-如果到網絡渲染在錯誤的列的形式,但在最後一列被渲染。我按項目形式出現在所有列不僅在最後一個角js呈現如果

這是我的代碼:

<div class="span4 menu-board" data-ng-repeat="menu in $parent.MENU"> 
       <ul class="nav nav-tabs nav-stacked"> 


        <li data-ng-if="last_admin_code == 'CWR Acknowledgement Transaction Status'"> 
         <!--xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx --> 
         <div class="editor span8" id="RECORD"> 
          <button type="button" class="btn btn-mini btn-toggle"> 
           <i class="icon-pencil"></i> 
          </button> 
          <div class="DETAIL"> 
           <div class="row span8 display"> 
            <div class="span3 control-label"><p>Status Name:</p></div> 
            <div class="span5"><b><span>Accepted with Changes</span></b></div> 
            <div class="clearfix"></div> 
           </div> 
           <div class="row span8 display"> 
            <div class="span3 control-label"><p>Status Code:</p></div> 
            <div class="span5"><b><span>AC</span></b></div> 
            <div class="clearfix"></div> 
           </div> 
           <div class="row span8 display"> 
            <div class="span3 control-label"><p>Status Description:</p></div> 
            <div class="span5"><b><span>&nbsp;</span></b></div> 
            <div class="clearfix"></div> 
           </div> 
           <div class="row span8 display"> 
            <div class="span3 control-label"><p>Acknowledgement Category:</p></div> 
            <div class="span5"><b><span>Accepted</span></b></div> 
            <div class="clearfix"></div> 
           </div> 
           <div class="clearfix"></div> 
          </div> 
          <div class="FORM"> 
           <form action="#" method="POST" class="form-horizontal" id="form2" onsubmit="return false;"> 
           <fieldset id="fieldset1"> 
            <div class="control-group"> 
             <label class="control-label">Status Name:</label> 
             <div class="span3 controls"> 
              <input class="span3" type="text" novalidate="" value="Accepted with Changes" /> 
             </div> 
            </div> 
            <div class="control-group"> 
             <label class="control-label">Status Code:</label> 
             <div class="span3 controls"> 
              <input class="span3" type="text" novalidate="" value="AC" /> 
             </div> 
            </div> 
            <div class="control-group"> 
             <label class="control-label">Status Description:</label> 
             <div class="span3 controls"> 
              <textarea class="span3"></textarea> 
             </div> 
            </div> 
            <div class="control-group"> 
             <label class="control-label">Acknowledgement Category:</label> 
             <div class="span3 controls"> 
              <select class="span3" novalidate=""> 
               <option>Accepted</option> 
               <option>Rejeted</option> 
               <option>Other</option> 
              </select> 
             </div> 
            </div> 
            <div class="clearfix" style="margin-bottom: 20px;"></div> 

            <div class=""> 
             <button class="btn btn-primary pull-right">Save</button> 
             <button class="btn btn-danger pull-right" style="margin-right: 10px;">Delete</button> 
             <ul class="nav nav-pills pull-right" style="margin-right: 10px; margin-bottom: 0px;"> 
              <li><a href="javascript:void(0);" onclick="$(this).parents('.editor').removeClass('active');">Cancel</a></li> 
             </ul> 
            </div> 
            <div class="clearfix"></div> 
           </fieldset> 
          </form> 
          </div> 
         </div> 
        </li> 


        <!--<li class="header"><a href="#/data/{{$parent.MENU[$index].id}}" onclick="return false;">{{$index}}: {{menu.title}}</a></li>--> 
        <li data-ng-repeat="$admin in admins.data | filter:{parent_id:$parent.MENU[$index].id}"> 
         <a data-ng-builder data-ng-click="$parent.addBreadcrumbItem($admin, ($parent.$index + 1));" ng-class="{active: ($parent.SELECT_PARENT==admin.id)}">{{$admin.reference_data.code}} <span class="pull-right icon-chevron-right"></span></a> 
        </li>    



       </ul> 
      </div> 

我的問題是如何不呈現表格,而不是用ng-show或ng來隱藏它 - if

+0

您可以使用UI - 如果這樣做..,您需要使用Angular錶帶。 –

回答

2

ng-switch旨在做到這一點。它實際上會根據條件刪除並向DOM插入項目。