Skip to content

Commit 0eb8c08

Browse files
authored
Create README.md
1 parent 2e8f302 commit 0eb8c08

File tree

1 file changed

+12
-12
lines changed

1 file changed

+12
-12
lines changed

README.md

+12-12
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
# Angular Demo code by Wsscat
1+
# Angular-tutorial code by Wsscat
22

33

44
_:rabbit:angular的学习资料 These are about angular learning materials, hoping to help you :snowman:关于angular的常用知识点,DEMO和总结,不定时更新,欢迎fork和star On the common knowledge of angular, DEMO and summary, not regular updates, you can fork and star_
@@ -1082,38 +1082,38 @@ app.config(['$stateProvider', '$urlRouterProvider', function($stateProvider, $ur
10821082
})
10831083
}]);
10841084
```
1085-
主路由,路由地址为__#/main__
1086-
```
1085+
主路由,路由地址为#/main
1086+
```javascript
10871087
app.controller('mainCtrl', function($scope) {
10881088
$scope.name = 'Wscats';
10891089
})
10901090
```
10911091
1092-
main路由下的子路由,路由地址为__#/main/pageMain1__
1092+
main路由下的子路由,路由地址为#/main/pageMain1
10931093
1094-
```
1094+
```javascript
10951095
app.controller('pageMain1Ctrl',function($scope){
10961096
$scope.name = 'Oaoafly'
10971097
})
10981098
```
10991099
### 嵌套路由
1100-
此时我们就可以在__main.html__上放第二个`ui-view`这里比原生好的地方在于可以嵌套路由
1100+
此时我们就可以在main.html上放第二个`ui-view`这里比原生好的地方在于可以嵌套路由
11011101
main.html
11021102
```html
11031103
<!--main-->
11041104
{{name}}
11051105
<div ui-view></div>
11061106
```
11071107
pageMain1.html
1108-
```
1108+
```html
11091109
<!--pageMain1-->
11101110
{{name}}
11111111
```
11121112
11131113
### 路由传参
11141114
11151115
我们在生成一个新的子控制器
1116-
```
1116+
```javascript
11171117
.state('main.b', {
11181118
url: '/pageMain2/:id',
11191119
templateUrl: 'views/pageMain2.html',
@@ -1122,12 +1122,12 @@ pageMain1.html
11221122
```
11231123
11241124
留意我们在url定义的路由中多了个`:id`,这样我们就可以在控制器之间传递参数
1125-
```
1125+
```javascript
11261126
url: '/pageMain2/:id'
11271127
```
11281128
在控制器中我们注入$state服务
11291129
1130-
```
1130+
```javascript
11311131
app.controller('pageMain2Ctrl', function($scope, $state) {
11321132
$scope.name = 'Hello Wscats Oaoafly'
11331133
console.log($state.params);
@@ -1140,14 +1140,14 @@ app.controller('pageMain2Ctrl', function($scope, $state) {
11401140
### 一个视图多个ui-view
11411141
11421142
当一个视图拥有多个ui-view,例如下面这样,平时我们一般一个视图只有一个`ui-view`的情况
1143-
```
1143+
```html
11441144
<div ui-view name="first"></div>
11451145
<div ui-view name="second"></div>
11461146
```
11471147
11481148
当拥有多个这样的`ui-view`我们就要加上**name**属性,并绑定它到路由配置中的views属性,让子视图决定渲染到哪一个`ui-view`里面
11491149
1150-
```
1150+
```javascript
11511151
.state('main.a', {
11521152
url: '/pageMain1',
11531153
views: {

0 commit comments

Comments
 (0)