2014-11-04 71 views
0

編輯 - 增加了一個plunkrhttp://plnkr.co/edit/euD4FG?p=previewNG-航線範圍之外處理

的RouteController是沒有得到所謂的,請看看

小提琴: 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> 
+0

工作? – ankur 2014-11-04 05:34:23

+0

什麼是this.constructor? – Phix 2014-11-04 05:38:19

+0

沒有ng-app,我手動引導角 – user2727195 2014-11-04 06:10:27

回答

0

恩,拼寫錯誤&缺少ng-view。應該在$ routeProverder.when控制器,只需改變你的配置到這一點:

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

並添加NG-視圖到HTML中。好像ngRoute不會沒有NG-視圖

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

Here is JSFIDDLE.

你去哪裏定義了NG-應用
+0

很好的抓住:)快速問題,有沒有一種方法來簡化事情,我的意思是擺脫這個div id瀏覽器和相關的ng-view,我只需要$ routeProvider的核心功能,我的應用程序邏輯將處理其餘的 – user2727195 2014-11-04 06:55:42

+0

@ user2727195 [在angular github中獲取同樣的問題。](https://github.com/angular /angular.js/issues/1580)似乎你不能在沒有ng-view的情況下使用$ routeProvider。所以我認爲如果你不喜歡角度路線,你可以編寫自己的路線提供者。 :) – 2014-11-04 07:42:52

+0

它還沒有工作,請你檢查一下,我有一個文件在plunkr http://plnkr.co/edit/euD4FG?p=preview – user2727195 2014-11-04 15:46:05