首頁 >web前端 >js教程 >angular中使用路由和$location切換視圖_AngularJS

angular中使用路由和$location切換視圖_AngularJS

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB原創
2016-05-16 16:18:191408瀏覽

我們可以利用angular的$route服務來定義這樣一種東西:對於瀏覽器所指向的特定URL,angular會載入並顯示一個模板,並實例化一個控制器為模板提供內容。

在應用程式中,你可以透過呼叫$r​​outeProvider服務上的函數來建立路由,把需要建立的路由當成一個設定區塊傳給這些函數即可。 偽代碼如下:

複製程式碼 程式碼如下:

var someModule = angular.module('somemodule',[...module dependencies...])
someModule.config(function($routeProvider){
    $routeProvider.
      when('url',{controller:aController,templateUrl:'/path/to/template'}).
      when(...other...).
      otherwise(...what to do ...);
});

方法很簡單,程式碼也很簡潔,但是卻非常實用,希望小夥伴們能夠喜歡。

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn