模板中的手风琴不适用于 AngularJS答案

【问题标题】：Accordion from template not working with AngularJS模板中的手风琴不适用于 AngularJS
【发布时间】：2015-07-05 17:09:44
【问题描述】：

我是 AngularJS 的新手，目前我一直在我的项目中使用它，该项目有一个我已经下载的管理模板。

在我添加 AngularJS 之前它一直运行良好。

其中一个问题是我的导航栏上的手风琴不再起作用。

我的手风琴：

<ul class="nav nav-pills nav-stacked main-menu">
    <li class="accordion">
        <a href="#">
            <i class="fa fa-bullhorn"></i>
            <span> Anouncements</span> 
            <span class="accordion-arrow pull-right">
            <i class='fa fa-chevron-right'></i>
            </span>
       </a>
       <ul class="nav nav-pills nav-stacked">
          <li>
               <a href="#" data-toggle="tooltip" data-placement="right" title="Browse Announcements">
                   <i class="fa fa-angle-double-right"></i> Browse
               </a>
          </li>
          <li>
              <a href="#" data-toggle="tooltip" data-placement="right" title="Create Announcement">
                  <i class="fa fa-angle-double-right"></i> Create
              </a>
         </li>
       </ul>
    </li>
</ul>

我的 app.js

'use strict';

var myApp = angular.module('myApp', [
    'ngRoute',
])
        .config(['$routeProvider', function ($routeProvider) {
                $routeProvider.otherwise({redirectTo: "/"});
              }]);

【问题讨论】：

标签： jquery angularjs twitter-bootstrap

【解决方案1】：

最后通过将我的代码包含在我从 this 视频中学到的 IFFE（立即调用函数表达式）中来修复它。

(function(){
    var myApp = angular.module('myApp', [
    'ngRoute',
    ])
    .config(['$routeProvider', function ($routeProvider) {
            $routeProvider.otherwise({redirectTo: "/"});
          }]);
}());

【讨论】：

【解决方案2】：

Angular 可能不知道要显示什么。您已使用重定向初始化路由器，但未配置实际路由。

不过，这可能是很多事情。如果没有相关代码的plunker，就很难准确排除故障。

【讨论】：