Question

我是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: "/"});
              }]);

Answer 1

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

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

Answer 2

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

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

来自模板的手风琴不适用于AngularJS

2 个答案: