3 W 1 Yのルーティング

4311 ワード

3W1Y
ルートは何ですか?
ルートはどこですか?
なぜルーティングを使うのですか?
ルーティングの使用方法
ルーティングはurlに基づいてページの内容を切り替えるために用いられ,ng-viewと組み合わせて使用する必要があり,局所リフレッシュが可能であることが利点である.
使用法は次のとおりです.

路由主要用在的地方:

手机端、移动端或者页面较多的网站

用路由进行切换时,不用再发起HTTP请求了。体验比原来好。速度也会有一定成度的提升。同时也会节省空间。

最后但同样重要的是怎么使用路由啊?

app.config()        《    》   
$routeProvider:AngularJS                
when:        “/”           templateUrl      。
ontherwise            ,   。            。

ホームページには一般的にこのように書かれています(トップページをクリックしたり、ログインしたり、登録したり、カートを購入したりしてトップページの一部を変更することができます)



    
         
    
    
    
    



var app = angular.module("myApp", ["ngRoute"]); app.config(["$routeProvider", function($routeProvider) { $routeProvider .when("/", { templateUrl:"template/main.html" }).when("/login", { templateUrl:"template/login.html" }).when("/regist", { templateUrl:"template/regist.html" }).when("/shopcart", { templateUrl:"template/shopcart.html" }).otherwise("/"); }]);
main.htmlコードは次のとおりです.

login.html

register.html
shopcart.html
注意
 Angular1.5  ,     ,  #/    
 
  • トップページ
  • トップページ
  • ...また明日