Question

我已经尝试过使用简单的示例但无法获得所需的结果。我尝试在Nav栏中进行路由，如下所示

<li>
                <a href="#Components">
                    <i class="fa fa-recycle"></i>
                    <span class="menu-text">Reusable Components</span>
                    <span class="selected"></span>
                </a>
            </li>

和另一个像这样的水平导航栏

 <ul class="nav nav-pills">
                <li class="active"><a data-toggle="pill" href="#/home">Plan</a></li>
                <li><a data-toggle="pill" href="#/about">Test</a></li>
                <li><a data-toggle="pill" href="menu2">Track</a></li>
                <li><a data-toggle="pill" href="menu3">Organise</a></li>
            </ul>

对于这些我创建了一个像这样的routing.js文件

var app = angular.module('app', ['ngRoute']);

app.controller('MainCtrl', function ($scope) {
$scope.test = 'Hello World';
});

app.controller('pageCtrl', function ($scope) {
$scope.test = 'Some page';
});

app.config(function ($routeProvider, $locationProvider) {
$routeProvider
.when('/Views/home', {
   templateUrl: 'home.html',
   controller: 'MainCtrl'
 })
    .when('/Views/home', {
        templateUrl: 'home.html',
        controller: 'MainCtrl'
    })
 .when('/Views/Components', {
    templateUrl: 'components.html',
    controller: 'pageCtrl'
})
.otherwise({
    redirectTo: '/index'
});
$locationProvider.html5Mode(true);
});

但无法完成路由...任何人都可以帮助我。

Answer 1

$(document).on("click", ".dl-menu li:not(:has(li)):not(.dl-back)", function(){
    // My Code...
});

你可以查看这个plnkr http://plnkr.co/edit/lHOsNpgAbJ2ahiyXE4ok?p=preview

无法使用ngroute使用我的引导程序导航栏进行路由

1 个答案: