星空网 > 软件开发 > Java

angular 的ng

通过ng-view和ngRouter控制页面显示内容:

html:

 1 <body ng-app="AngularStore"> 2 <div > 3   <div > 4     <div > 5       <h1 > 6         <a href="default.html"> 7           <img src='/images/loading.gif' data-original="img/logo.png" height="60" width="60"  /> 8         </a> 9         Angular Store10       </h1>11       <div ng-view></div>  12     </div>13   </div>14 </div>

js:

 1 var storeApp = angular.module('AngularStore', ['ngRoute'])         //新版本的angular必须添加'ngRouter',也需要引用ng-router.js 2   .config(['$routeProvider', function ($routeProvider){ 3     $routeProvider 4       .when('/',{                           //此种情况,在ng-view处将会显示partials/store.html中的内容 5         templateUrl:'partials/store.html', 6         controller:storeController 7       }) 8       .when('/store',{                    //此种情况,在ng-view处将会显示partials/store.html中的内容,下面的根据路径显示不同内容 9         templateUrl:'partials/store.html',10         controller:storeController11       })12       .when('/products/:productSku',{                13         templateUrl:'partials/product.html',14         controller:storeController15       })16       .when('/cart',{17         templateUrl:'partials/shoppingCart.html',18         controller:storeController19       })20       .otherwise({21         redirectTo:'/store'22       });23   }]);

 




原标题:angular 的ng

关键词:

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

亚马逊Facebook站外引流有哪些误区:https://www.ikjzd.com/articles/473
再加码印度!亚马逊为何对印度电商市场如此情有独钟?:https://www.ikjzd.com/articles/4730
海关总署:关于加工贸易监管有关事宜的公告!:https://www.ikjzd.com/articles/4735
特朗普连续炮轰亚马逊!亚马逊运费将上涨?:https://www.ikjzd.com/articles/474
销量那么高为何评论那么少?外国买家不留评的原因揭示!:https://www.ikjzd.com/articles/4746
如何使用社交媒体增加eBay销量?:https://www.ikjzd.com/articles/475
三百元以内千兆路由器怎么选择?:https://www.vstour.cn/a/363184.html
千岛湖绿城度假酒店的简介:https://www.vstour.cn/a/363185.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流