时间:2021-05-28
angular是Google开发的一个单页面应用框架,是现在比较主流的单页面应用框架之一.该强大的地方有很多,比如双向数据绑定,应用了后端的MVC模式到前端,自定义指令等.
既然是单页面应用,肯定离不开页面的切换.我们首先来说一下angular的路由.
angular实现页面切换时用了route.
<script src="js/plugins/angular/angular.min.js"></script><script src="js/plugins/ui-router/angular-ui-router.min.js"></script>angular.min.js要在angular-ui-router.min.js之前加载.然后我们就要在app中注册了.
(function () {angular.module('demo', ['ui.router', ])})();注册完之后就需要配置route了
function config($stateProvider, $urlRouterProvider,$httpProvider) {$urlRouterProvider.otherwise("/home/get");$stateProvider.state('login', {url: "/login",templateUrl: "../views/login.html",}).state('home', {abstract: true,url: "/home",templateUrl: "views/common/content.html",}).state('home.get', {url: "/get",templateUrl: "views/get.html",data: { pageTitle: 'Example view' }}).state('home.post', {url: "/post",templateUrl: "views/post.html",data: { pageTitle: 'Example view' }});}app = angular.module('demo');app.config(config); 配置到这里就配置完了.配置中的每一个state就一个view,表示一个页面,页面跳转用state,对应的html文件在templateUrl对应的文件中.
以上所述是小编给大家分享的AngularJs中route的使用方法和配置的相关知识,希望对大家有所帮助。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
AngulagJs的页面使用Route跳转1.除了引用AngularJs.js外,还要引用路由JS,"~/Scripts/angularjs/angular-r
本文实例讲述了AngularJS中控制器函数的定义与使用方法。分享给大家供大家参考,具体如下:HTML正文:AngularJS函数绑定保存清除剩余字数:结果:J
Linux中firewall的使用方法总结firewall简单使用1,显示所有配置firewall-cmd--list-all-zones2,重新加载配置fir
基于angularjs制作的幻灯片演示地址npm方式安装npminstallangularjsSlider使用方法第一步(引入)require('angular
首篇,不知写何物,思来想去,敬上分页控件使用方法,望共同探讨。 分页乃前端数据展现之常用功能,而在我们使用的Angularjs中,原生的分页需要将数据全部取到