AngularJs路由切换
来源:互联网 发布:上海计算机二级c语言 编辑:程序博客网 时间:2024/06/09 23:11
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="jss/angular1.4.6.min.js"></script> <script src="jss/angular-route.min.js"></script></head><body ng-app="myApp"><script type="text/ng-template" id="home.html"><h1>home</h1><h1>home</h1></script><script type="text/ng-template" id="sendUs.html"> <h1>sendUs</h1> <h1>sendUs</h1></script><script type="text/ng-template" id="aboutUs.html"> <h1>aboutUs</h1> <h1>aboutUs</h1></script><div> <ul style="..."> <li><a href="#/">首页</a></li> <li><a href="#/guanyu">首页1</a></li> <li><a href="#/sendUs">首页2</a></li> <li><a href="#/sendUs111">首页3</a></li> </ul></div><div style="..."> <div ng-view></div></div> <script> var myApp = angular.module("myApp",["ngRoute"]); myApp.config(function ($routeProvider) { $routeProvider.when("/",{ templateUrl:"home.html" }).when("/guanyu",{ templateUrl:"sendUs.html" }).when("/sendUs",{ templateUrl:"aboutUs.html" }).otherwise("/",{ templateUrl:"home.html" }); }); </script></body></html>
阅读全文
1 0
- angularjs 路由切换
- AngularJs路由切换
- AngularJS使用路由切换视图
- 最普通的 angularJS 路由切换分类
- Angularjs路由
- AngularJS-路由
- AngularJS 路由
- AngularJS 路由
- AngularJS路由
- angularjs路由
- angularJS路由
- Angularjs 路由
- angularjs-路由
- AngularJS 路由
- AngularJS-路由
- angularjs---------路由
- AngularJS 路由
- AngularJs路由
- Leakdiag 和LDGrapher的使用
- iOS11 & iPhone X 适配指南
- html+css入门
- 测试 js 方法运行时间
- javascript 理解和使用回调函数
- AngularJs路由切换
- ORACLE与MySQL的区别-个人总结
- Java 异常
- 二叉树遍历(图解)
- 生成二维码
- Eclipes中配置SpringIDE
- 多数人学习oracle,比如新建实例、使用net configuration assistant,上次我做过这个了,没有问题啊,为什么这次就遇到问题了呢?
- nmap脚本
- Java 内部类