在面板上使用角度js摺疊功能html 5.0

-1

基本上目前我有建立面板佈局的html代碼，我想基本上展開和摺疊這些面板，出於某種原因，當我加載資源並運行我的應用程序時，面板出現摺疊，但不展開時，我點擊面板標題的代碼是下面，我使用html5的角度js。如果有人能夠幫助我快速我會欣賞這一點。所有的在面板上使用角度js摺疊功能html 5.0

<div class="row clearfix" > 
    <div ng-repeat="i in ctrl.coreControlpanelItems" class="col-md-12 column" > 
     <div ng-class="{'panel-primary': hover}" ng-mouseenter="hover = true" ng-mouseleave="hover = false" class="panel panel-default animated fadeInUp"> 
      <div class="panel-heading"> 
       <i class="pull-left {{i.icon}}"/> 
       <h5 class="panel-title"> 
        <a href="#" ng-model="collapsed" ng-click="collapsed=!collapsed"> 
        <a ui-sref="{{i.ref}}">{{i.group}}</a> 
        </a>   
       </h5> 
      </div> 
      <div ng-show="collapsed"> 
       <div class="panel-body "> 
        <ul> 
         <li ng-repeat="s in i.items"><a ui-sref="{{s.ref}}">{{s.name}}<a></li> 
        </ul> 
       </div> 
      </div> 
     </div> 
    </div> 
</div> 
</div>

來源

2014-05-24 Sparda

首先，你必須在你的panel-title元素嵌套a標籤。這是一個禁忌。

其次，您無法將ng-model放在a標記上。

三，你panel-title應該擴大的東西，但你也有它內部的一個鏈接，如果點擊會否定你試圖用擴大該怎麼辦...

來源

2014-05-24 19:43:28 theJoeBiz

你能指導我如何到？即時通訊新的HTML和我嘗試了一個互聯網的例子，關於如何做崩潰，目前面板正在崩潰，但面板標題onclick不起作用 – Sparda

它不工作，因爲沒有文本內的元素與ng點擊。將ng-click移動到h5.panel-title元素上，然後在該元素內放置任何需要的文本。 – theJoeBiz

工作，但沒有顯示我的面板標題，當我擴大面板標題消失 – Sparda

在面板上使用角度js摺疊功能html 5.0

回答

相關問題