在面板上使用角度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

回答

相关问题