ng范围外的路线处理



编辑-添加了一个plunkrhttp://plnkr.co/edit/euD4FG?p=preview

RouteController没有接到电话,请看一下

Fiddle:http://jsfiddle.net/smartdev101/tv1p9n4h/

angular.module(this.constructor.NAME, ['ngRoute'])
.config(function($routeProvider){
    self.config($routeProvider)
})
.controller("RouteController", function($scope, $routeParams){
    self.routeController($scope, $routeParams)})
    angular.bootstrap(document.getElementById("browser"), [this.constructor.NAME]);
});

HTML

<div id="browser"></div>
<ul>
    <li>
        <a href="#/attendees/3" target="_self">Racu, Cristian</a>
    </li>
    <li>
        <a href="#/attendees/4" target="_self">Shnider, Brent</a>
    </li>
    <li>
        <a href="#/attendees/6" target="_self">Suess, Mike</a>
     </li>
 </ul>

好吧,拼写错误&缺少ng视图。应该是$routeProveder.when中的控制器,只需将您的配置更改为:

config: function($routeProvider) {
    $routeProvider
    .when('/attendees/:param', {
        template:"no template",
        //constroller: "RouteController"
        controller: "RouteController"
    })
},

并将ng视图添加到您的html中。似乎ngRoute在没有ng-view 的情况下无法工作

<div id="browser">
    <div ng-view></div>
</div>

这是JSFIDDLE。

最新更新