首页 > Web开发 > 详细

关于学习angularJS 的 心里路程(二)

时间:2015-12-09 16:52:21      阅读:170      评论:0      收藏:0      [点我收藏+]

这一次主要的学习内容是 ng-route(本次的项目由于种种原因吧,我们采用了ui-router,而不是原生的ng-route)

 * 配置路由。
 * 注意这里采用的是ui-router这个路由,而不是ng原生的路由。
 * ng原生的路由不能支持嵌套视图,所以这里必须使用ui-router。

 

1、那么,首先我们得 依赖一下ui-router 这个库。代码如下

var routerApp = angular.module(‘routerApp‘,[‘ui.router‘]);

 

2、下面我们就开始配置我们的 路由以及状态设置

//配置路由、状态
routerApp.config(function ($stateProvider, $urlRouterProvider) {
 
     $urlRouterProvider.when("", "/PageTab");
 
     $stateProvider
        .state("PageTab", {
            url: "/PageTab",
            templateUrl: "./tpls/PageTab.html"
        })
        .state("PageTab.Page1", {
            url:"/Page1",
            templateUrl: "./tpls/Page1.html"
        })
        .state("PageTab.Page2", {
            url:"/Page2",
            templateUrl: "./tpls/Page2.html"
        })
        .state("PageTab.Page3", {
            url:"/Page3",
            templateUrl: "./tpls/Page3.html"
        });
});

 

然后再 创建新的 模板文件。从而实施 最基本的 router 的操作。

 

关于学习angularJS 的 心里路程(二)

原文:http://www.cnblogs.com/erbingbing/p/5033098.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!