-
Notifications
You must be signed in to change notification settings - Fork 125
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
ui-route和ng-route #17
Comments
|
切换页面的时候,链接变色首先我们用app.run方法在每次我们进入到对应路由前获取我们当前路由的地址
然后在对应的DOM结构中写上这样来切换这个类 |
ng路由加载路由依赖,放在angular框架后面
$location.path $routeProvider
|
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
ui路由
引入JS文件
开始引入angular和ui-route的js文件
与原生angular不同的是,ui路由用ui-view而不是ng-view
<div ui-view></div>
在angular服务中注入ui.router
var app = angular.module('wsscat', ['ui.router']);
配置路由
主路由,路由地址为_#/main_
main路由下的子路由,路由地址为_#/main/pageMain1_
嵌套路由
此时我们就可以在main.html上放第二个ui-view这里比原生好的地方在于可以嵌套路由
main.html
pageMain1.html
路由传参
我们在生成一个新的子控制器
留意我们在url定义的路由中多了个**:id**,这样我们就可以在控制器之间传递参数
![这里写图片描述](https://camo.githubusercontent.com/e5895019bdddc822ad5cd50d71d2c5dda42e587b125bfb628251f04eda6300d8/687474703a2f2f696d672e626c6f672e6373646e2e6e65742f3230313630383138323233373233333537)
url: '/pageMain2/:id'
在控制器中我们注入$state服务
用$state.params就可以访问到路由上的参数
例如我们输入#/main/pageMain2/1,就会返回一个对象
Object {id: "1"}
一个视图多个ui-view
当一个视图拥有多个ui-view,例如下面这样,平时我们一般一个视图只有一个ui-view的情况
当拥有多个这样的ui-view我们就要加上name属性,并绑定它到路由配置中的views属性,让子视图决定渲染到哪一个ui-view里面
The text was updated successfully, but these errors were encountered: