Angular路由实现单页面切换
来源:互联网 发布:人肉搜索 网络暴力 编辑:程序博客网 时间:2024/03/29 21:25
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Angular路由实现单页面切换</title> <script src="AngularJS/angular.js"></script> <script src="AngularJS/angular-route.js"></script> <script type="text/javascript"> var app = angular.module("myApp",['ngRoute']); app.controller("myCtrl01",function ($scope,$route) { $scope.$route = $route; }); app.controller("myCtrl02",function ($scope,$route) { $scope.$route = $route; }); app.config(["$routeProvider",function ($routeProvider) { $routeProvider .when('/home',{ templateUrl:'home.html', controller:'myCtrl01' }) .when('/second',{ templateUrl:'second.html', controller:'myCtrl02' }) .otherwise({ redirectTo:'/home' }); }]); app.controller("myCtrl",function ($scope) { }); </script></head><body ng-app="myApp" ng-controller="myCtrl"> <script type="text/ng-template" id="home.html"> <h1>Home</h1> </script> <script type="text/ng-template" id="second.html"> <h1>Second</h1> </script> <div> <a href="#/home">HOME</a> <a href="#/second">SECOND</a> </div> <div ng-view style="width: 200px; height: 200px;border: 1px dashed blue"> </div></body></html>
阅读全文
0 0
- Angular路由实现单页面切换
- Angular路由实现单页面切换
- angular实现单页面步骤
- angular ui-router:简单的单页面嵌套路由的实现过程
- angular和路由实现页面跳转/姓名筛选/年龄区间查找/单/批量删除
- Angular+require单页面智能路由,链接参数化练手。
- angular-单页面跳转/路由参数传递ngRoute
- 单页面应用路由的实现方式
- angular的切换页面
- angular路由模拟微信页面切换和页面之间的传值
- angular-ui-router页面路由
- angular实现单页面和native的交互小节
- Angular实现tab切换
- Angular路由控制多视图切换
- angular.js之路由实现
- angular的路由实现,ngRoute
- JS原生一步步实现前端路由和单页面应用
- JS单页面应用实现前端路由(hash)
- 不同网段的计算机之间的通信
- 一个例子搞清楚(先验分布/后验分布/似然估计)
- Appium学习(1)
- 阿里云服务器如何连接阿里云数据库
- 1028 人口普查
- Angular路由实现单页面切换
- 类和对象输出学生信息
- python中用open打开文件,报错 IOError:[Error 22] invalid mode ('rb') or filename
- android 二维码的简单扫描的实现
- 第三周项目3-求集合并集
- c++字符串转换字符指针
- MyBatis多表关系查询时的注意事项
- 读完论文要回答的问题
- parenthesis 括号匹配 (区间dp)