2014-05-24 72 views
-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> 

回答

0

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

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

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

+0

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

+0

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

+0

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