2015-12-07 77 views
0

我很難加載模板使用狀態和參數。當我瀏覽到/觸點角度狀態/路由器url參數不工作

$stateProvider 
    .state('contacts', { 
     url: '/contacts', 
     templateUrl: 'views/resources/contacts.html', 
     controller: 'ContactsController' 
    }) 

當我嘗試並導航到/聯繫人/ 123我用下面的代碼

下面的代碼的偉大工程。

編輯:我只使用下面的一段代碼,唯一的區別是我在URL中添加「/:id」。

$stateProvider 
    .state('contacts', { 
     url: '/contacts/:id', 
     templateUrl: 'views/resources/contacts.html', 
     controller: 'ContactsController' 
    }) 

這是當我開始遇到問題。該頁面將不會加載,我得到一個控制檯錯誤,說我不能實例化模塊的應用程序(link to angular site from console error)

有人可以幫我嗎?我不知道爲什麼我的,當我嘗試和使用PARAMS一切開始打破:(

+2

兩個國家都有相同的名字 – stalin

+1

你有沒有啓用html5mode,如果沒有url應該在#之前添加#例如。 #/ contacts#/ contacts /:id –

+0

首先要做的是切換到'angular.js'的未縮小版本;該錯誤消息將更加冗長。我希望他們將這個添加到他們的doco中,因爲它可以幫助解決最初的問題 – Phil

回答

0

因此,原來,當我加入「/:id」我的index.html頁面上的腳本src文件的調用沒有被正確調用,我在路徑前面有一個額外的,導致我的角度文件,服務,指令等..不被加載/

我從這去了:

<script src="./app/app.js"></script>

這樣:

<script src="/app/app.js"></script>

感謝大家誰在這個幫助了!

0

嘗試定義PARAMS在.STATE定義,就像這樣:

$stateProvider 
.state('contacts', { 
    params: { id: null }, // note null is the default value if no param is specified 
    url: '/contacts/:id', 
    templateUrl: 'views/resources/contacts.html', 
    controller: 'ContactsController' 
})