网站首页  汉语字词  英语词汇  考试资料  写作素材  旧版资料

标题	Angular 路由route实例代码
内容	下面小编就为大家带来一篇Angular 路由route实例代码。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。     AngularJS 路由 routing     能够从页面的一个视图跳转到另外一个视图，对单页面应用来讲是至关重要的。当应用变得越来越复杂时，我们需要一个合理的方式来管理用户在使用过程中看到的界面。AngularJS的做法是将视图分解成布局和模板视图，并且根据用户当前访问的URL来展示对应的视图。     本文对 AngularJS routing 做一简单示例，并提及其涉及的一些概念。     一、布局页面     引用scripts：     <script src="../Scripts/jquery-1.9.1.min.js"></script>     <script src="../Scripts/angular.min.js"></script>     <script src="../Scripts/angular-route.min.js"></script>     页面的布局比较简单：     <div>        <ul>          <li><a href="#page1">go page 1</a></li>          <li><a href="#page2">go page 2</a></li>          <li><a href="#other">to other page</a></li>        </ul>      </div>      <div ng-view></div>     ng-view是由ngRoute模块提供的一个特殊指令，其告诉AngularJS把模板渲染到何处。这个例子中，我们将需要渲染的内容放到 下面的 div 中。上面的三个 a 链接分别指向了三个视图view。     二、模板页面     创建两模板页面，分别叫 Subpage_1.html 和 Subpage_2.html。     3、路由规则 routing config     angular.module("myRouteApp", ["ngRoute"])       .config(['$routeProvider', function ($routeProvider) {         $routeProvider           .when("/page1", {             templateUrl: "Subpage_1.html"           })           .when("/page2", {             templateUrl: "Subpage_2.html"           })           .otherwise({             redirectTo: "/"           });       }]);     把 ngRoute 模块在我们的应用中当作依赖加载进来。用 config 函数在模块或应用中定义路由，使用AngularJS提供的when和otherwise两个方法来定义应用的路由。     templateUrl:     应用会根据 templateUrl 属性所指定的路径通过XHR读取视图（或者从$templateCache中读取）。如果能够找到并读取这个模板，AngularJS将模板的内容渲染到具有ng-view指令的DOM元素中。     redirectTo:     如果redirectTo属性的值是一个字符串，那么路径会被替换成这个值，并根据这个目标路径触发路由变化。如果redirectTo属性的值是一个函数，那么路径会被替换成函数的返回值，并根据这个目标路径触发路由变化。     运行结果     点击 go page 1          点击 go page 2          以上这篇Angular 路由route实例代码就是小编分享给大家的全部内容了，希望能给大家一个参考
随便看	2014年浙江工商大学招聘岗位表 广东省人民政府港澳事务办公室所属事业单位2014年招聘工作人员公告 2014年信阳市公安局招聘协勤人员考试网上打印准考证入口 广东省人民政府港澳事务办公室2014年招聘工作人员岗位表 广东华侨博物馆2014年招聘工作人员公告 新疆2014年巴州公安消防支队招聘工作人员简章 广东华侨博物馆2014年招聘工作人员岗位表 新疆2014年巴州公安消防支队应征公民体格检查标准 广西中华人民共和国友谊关口岸国际道路运输管理处2014年招聘工作人员笔试通知 广西中华人民共和国东兴口岸国际道路运输管理处2014年招聘工作人员笔试通知 2014年巢湖市第五批公益性岗位聘用人员公示 文山州西畴县农业和科学技术局2014年考察选调工作人员延长报名时间公告 2014年肇庆国家高新区人才服务中心招聘工作人员公告 琼海市2014年卫生系统招聘事业单位工作人员笔试综合成绩公告(8号) 2014年肇庆国家高新区人才服务中心简介 2014年文山州马关县公安消防大队招聘消防协管员体能测试成绩公告 广州市环境保护局直属事业单位2014年第二次招聘事业编制工作人员资格复审及面试安排通知 湖北省宜昌市第一人民医院2014年招聘工作人员体检名单公告 湖北省宜昌市第一人民医院2014年招聘工作人员综合成绩公告 新疆2014年巴州公安消防支队招聘事业编制消防文员岗位表 2014年佛山市顺德区机关服务中心合同员工招聘公告 2014年佛山市顺德区机关服务中心合同员工招聘岗位表 2014年临沂市柳琴戏传承保护中心招聘柳琴戏演员简章 新疆奇台县2014年编制外社区工作者选聘职位表 2014年临沂市柳琴戏传承保护中心招聘柳琴戏演员报名提供材料及注意事项 eyeful eyeglasses eyehole eyeing eyelash eyelet eye level eye-level eyelid eyelid surgery 任 任 任1 任2 任上 任么 任事 任人 任人唯亲 任人唯贤 实习总结及体会800字最新 实习总结范文精选5篇 实习总结及体会5篇最新汇总 毕业实习总结精选5篇800字 护理实习总结800字精选 护理实习总结1000字精选 物流实习总结1000字精选 教师实习总结800字最新 实习自我总结2022精选汇总 物流实习总结800字汇总

在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。