【问题标题】: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,就很难准确排除故障。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2020-10-01
        • 2020-08-19
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多