問(wèn)題描述

做一個(gè)angular的路由的小例子，發(fā)現(xiàn)如果要設(shè)置路由，頁(yè)面上如果已有controller控制器，則出現(xiàn)報(bào)錯(cuò)，刪掉controller控制器之后，路由就正常，這兩者有怎樣的關(guān)系呢？不明白，坐等大神，謝謝解惑！ps:頁(yè)面中的controller控制器有其他用處，此處為了代碼簡(jiǎn)單，刪掉了其中的內(nèi)容。

報(bào)的錯(cuò)誤為：

問(wèn)題解答

因?yàn)槁酚蓵?huì)有一個(gè)控制器，如果在html頁(yè)面再綁定一個(gè)ng-controller的話，等于有兩個(gè)，這會(huì)沖突的。最好將頁(yè)面控制器的內(nèi)容寫(xiě)在路由控制器里面。用了路由，就單獨(dú)寫(xiě)控制器了。

推薦在路由中配置controller,你可以這樣做

$stateProvider .state(’main’, {url: ’/main’,views: { ’main’:{templateUrl:’app/pages/main/listView/listView.html’,controller:’listViewCtrl’ }} })

這樣就可以把templateUrl指定的模板和你定義的controller對(duì)應(yīng)起來(lái)，名字相同就可以了。

另外如果在路由中設(shè)置了controller后，在模板中也設(shè)置了ng-controller，會(huì)出現(xiàn)一些問(wèn)題，比較典型的就是如果這個(gè)頁(yè)面進(jìn)入時(shí)需要發(fā)起請(qǐng)求，你會(huì)發(fā)現(xiàn)它會(huì)重復(fù)發(fā)2次請(qǐng)求

題目中給出的錯(cuò)誤信息是控制器main沒(méi)有定義。

頁(yè)面可以有多個(gè)控制器，控制器也可以嵌套，并且不會(huì)有什么沖突。

控制器可以寫(xiě)在頁(yè)面中，也可以在路由中配置，并且不會(huì)有什么沖突。