Angular JS和Bootstrap手风琴无法正常工作

时间:2015-09-04 10:20:44

标签: javascript angularjs twitter-bootstrap

我正在尝试使用Angular JS和Bootstrap,我需要能够支持IE8及更高版本,因此我最初实现了UI-bootstrap,但它们不支持IE8。

当我的视图(部分)使用手风琴时,当我点击手风琴时,它会返回到first.html。那么手风琴不起作用?我知道这与使用#accordion并将其视为链接的角度有关,所以它会回到first.html文件。

那么有一个很好的工作吗? 脚本:

   global $wpdb;

   $res = $wpdb->get_results( $wpdb->prepare(
        "SELECT name, lastname
         FROM datatable
         WHERE userID in ( %d , %d)
         AND
         UserPass in ( %d, %d  )",
         array(
            $val[1],
            $val[2],
            $val[3],
            $val[4],
         )

        ),
        ARRAY_A
    );

HTML:

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.5/angular.min.js"></script>
<script src="bower_components/angular-ui-router/release/angular-ui-router.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>

路由:

<div ui-view></div>

手风琴部分:

var myApp = angular.module('myApp', ['ui.router','mainControl', 'ngSanitize']);
myApp.config(function($stateProvider, $urlRouterProvider) {
  $urlRouterProvider.otherwise('/splash');
  //
  // Now set up the states
  $stateProvider
    .state('splash', {
      url: '/splash',
      templateUrl: 'partials/splash2.html',
      controller: 'MainControl'
    })
    .state('advice', {
      url: '/advice',
      templateUrl: 'partials/advice.html',
      controller: 'MainControl'
    })
    .state('main', {
      url: '/main',
      templateUrl: 'partials/main.html',
      controller: 'MainControl'
    })
});

1 个答案:

答案 0 :(得分:1)

看起来您错过了可以使用angular实现bootstrap UI工具(例如手风琴)的库。看看https://angular-ui.github.io/bootstrap/