Skip to content

Commit 6c5e399

Browse files
authored
Create README.md
1 parent 74a182a commit 6c5e399

File tree

1 file changed

+29
-2
lines changed

1 file changed

+29
-2
lines changed

README.md

Lines changed: 29 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1137,6 +1137,27 @@ app.controller('pageMain2Ctrl', function($scope, $state) {
11371137
`$state.params`就可以访问到路由上的参数
11381138
例如我们输入#/main/pageMain2/1,就会返回一个对象`Object {id: "1"}`
11391139
1140+
### 页面之间通信数据
1141+
### 路由之间通信数据
1142+
>不同页面之前的控制器之间通信数据
1143+
1144+
在url上传递和接受(拼接参数到url上,然后用$loacion.search()接受)
1145+
思路就如同在路由上配置以下代码
1146+
```javascript
1147+
.state('page2',{
1148+
url:'/page2/:id/:name',//参数用:params的形式,多个参数的话用/隔开
1149+
templateUrl:'template/page2.html',
1150+
controller:'page2Ctrl'
1151+
})
1152+
```
1153+
然后在控制器中用$state服务接受
1154+
```javascript
1155+
app.controller("page2Ctrl",function($state){
1156+
$state.params.id
1157+
$state.params.name
1158+
})
1159+
```
1160+
11401161
### 一个视图多个ui-view
11411162
11421163
当一个视图拥有多个ui-view,例如下面这样,平时我们一般一个视图只有一个`ui-view`的情况
@@ -1175,15 +1196,16 @@ app.controller('pageMain2Ctrl', function($scope, $state) {
11751196
})
11761197
```
11771198
**ng路由**
1199+
1.下载ng路由文件
11781200
1179-
1.加载ng路由模块,引入angular.js之后
1201+
引入angular-route.js到项目中,放在angular.js之后,然后在代码里面引入`ngRoute`模块
11801202
11811203
```html
11821204
<script type="text/javascript" src="../js/angular.js"></script>
11831205
<script type="text/javascript" src="../js/angular-route.js"></script>
11841206
```
11851207
1186-
2.包含了 ngRoute 模块作为主应用模块的依赖模块
1208+
2.包含了`ngRoute`模块作为主应用模块的依赖模块
11871209
```javascript
11881210
angular.module('helloWscatsApp',['ngRoute'])
11891211
```
@@ -1193,6 +1215,11 @@ angular.module('helloWscatsApp',['ngRoute'])
11931215
<div ng-view></div>
11941216
```
11951217
1218+
4. 打开浏览器,定位到需要呈现路由所在的页面,我们在url基础上加`#!/路由的名字`
1219+
```javascript
1220+
url + #!/路由的名字
1221+
```
1222+
11961223
**$routeProvider**
11971224
11981225
两个核心方法`when()``otherwise()`

0 commit comments

Comments
 (0)