Create README.md

Wscats · web-flow · commit 6c5e399aba2c · 2017-06-12T14:39:56.000+08:00
diff --git a/README.md b/README.md
@@ -1137,6 +1137,27 @@ app.controller('pageMain2Ctrl', function($scope, $state) {
 &#29992;`$state.params`&#23601;&#21487;&#20197;&#35775;&#38382;&#21040;&#36335;&#30001;&#19978;&#30340;&#21442;&#25968;
 &#20363;&#22914;&#25105;&#20204;&#36755;&#20837;#/main/pageMain2/1&#65292;&#23601;&#20250;&#36820;&#22238;&#19968;&#20010;&#23545;&#35937;`Object {id: "1"}`
 
+### &#39029;&#38754;&#20043;&#38388;&#36890;&#20449;&#25968;&#25454;
+### &#36335;&#30001;&#20043;&#38388;&#36890;&#20449;&#25968;&#25454;
+>&#19981;&#21516;&#39029;&#38754;&#20043;&#21069;&#30340;&#25511;&#21046;&#22120;&#20043;&#38388;&#36890;&#20449;&#25968;&#25454;
+
+&#22312;url&#19978;&#20256;&#36882;&#21644;&#25509;&#21463;&#65288;&#25340;&#25509;&#21442;&#25968;&#21040;url&#19978;&#65292;&#28982;&#21518;&#29992;$loacion.search()&#25509;&#21463;&#65289;
+&#24605;&#36335;&#23601;&#22914;&#21516;&#22312;&#36335;&#30001;&#19978;&#37197;&#32622;&#20197;&#19979;&#20195;&#30721;
+```javascript
+.state('page2',{
+	url:'/page2/:id/:name',//&#21442;&#25968;&#29992;:params&#30340;&#24418;&#24335;&#65292;&#22810;&#20010;&#21442;&#25968;&#30340;&#35805;&#29992;/&#38548;&#24320;
+	templateUrl:'template/page2.html',
+	controller:'page2Ctrl'
+})
+```
+&#28982;&#21518;&#22312;&#25511;&#21046;&#22120;&#20013;&#29992;$state&#26381;&#21153;&#25509;&#21463;
+```javascript
+app.controller("page2Ctrl",function($state){
+	$state.params.id
+	$state.params.name
+})
+```
+
 ### &#19968;&#20010;&#35270;&#22270;&#22810;&#20010;ui-view
 
 &#24403;&#19968;&#20010;&#35270;&#22270;&#25317;&#26377;&#22810;&#20010;ui-view,&#20363;&#22914;&#19979;&#38754;&#36825;&#26679;&#65292;&#24179;&#26102;&#25105;&#20204;&#19968;&#33324;&#19968;&#20010;&#35270;&#22270;&#21482;&#26377;&#19968;&#20010;`ui-view`&#30340;&#24773;&#20917;
@@ -1175,15 +1196,16 @@ app.controller('pageMain2Ctrl', function($scope, $state) {
 })
 ```
 **ng&#36335;&#30001;**
+1.&#19979;&#36733;ng&#36335;&#30001;&#25991;&#20214;
 
-1.&#21152;&#36733;ng&#36335;&#30001;&#27169;&#22359;&#65292;&#24341;&#20837;angular.js&#20043;&#21518;
+&#24341;&#20837;angular-route.js&#21040;&#39033;&#30446;&#20013;,&#25918;&#22312;angular.js&#20043;&#21518;,&#28982;&#21518;&#22312;&#20195;&#30721;&#37324;&#38754;&#24341;&#20837;`ngRoute`&#27169;&#22359;
 
 ```html
 <script type="text/javascript" src="../js/angular.js"></script>
 <script type="text/javascript" src="../js/angular-route.js"></script>
 ```
 
-2.&#21253;&#21547;&#20102; ngRoute &#27169;&#22359;&#20316;&#20026;&#20027;&#24212;&#29992;&#27169;&#22359;&#30340;&#20381;&#36182;&#27169;&#22359;
+2.&#21253;&#21547;&#20102;`ngRoute`&#27169;&#22359;&#20316;&#20026;&#20027;&#24212;&#29992;&#27169;&#22359;&#30340;&#20381;&#36182;&#27169;&#22359;
 ```javascript
 angular.module('helloWscatsApp',['ngRoute'])
 ```
@@ -1193,6 +1215,11 @@ angular.module('helloWscatsApp',['ngRoute'])
 <div ng-view></div>
 ```
 
+4. &#25171;&#24320;&#27983;&#35272;&#22120;&#65292;&#23450;&#20301;&#21040;&#38656;&#35201;&#21576;&#29616;&#36335;&#30001;&#25152;&#22312;&#30340;&#39029;&#38754;&#65292;&#25105;&#20204;&#22312;url&#22522;&#30784;&#19978;&#21152;`#!/&#36335;&#30001;&#30340;&#21517;&#23383;`
+```javascript
+url + #!/&#36335;&#30001;&#30340;&#21517;&#23383;
+```
+
 **$routeProvider**
 
 &#20004;&#20010;&#26680;&#24515;&#26041;&#27861;`when()`&#21644;`otherwise()`

-Original file line number
+Diff line change
 用`$state.params`就可以访问到路由上的参数
 例如我们输入#/main/pageMain2/1，就会返回一个对象`Object {id: "1"}`
 +### 页面之间通信数据
 +### 路由之间通信数据
 +>不同页面之前的控制器之间通信数据
++
 +在url上传递和接受（拼接参数到url上，然后用$loacion.search()接受）
 +思路就如同在路由上配置以下代码
 +```javascript
 +.state('page2',{
 +	url:'/page2/:id/:name',//参数用:params的形式，多个参数的话用/隔开
 +	templateUrl:'template/page2.html',
 +	controller:'page2Ctrl'
 +})
 +```
 +然后在控制器中用$state服务接受
 +```javascript
 +app.controller("page2Ctrl",function($state){
 +	$state.params.id
 +	$state.params.name
 +})
 +```
++
 ### 一个视图多个ui-view
 当一个视图拥有多个ui-view,例如下面这样，平时我们一般一个视图只有一个`ui-view`的情况
 })
 ```
 **ng路由**
 +1.下载ng路由文件
 -1.加载ng路由模块，引入angular.js之后
 +引入angular-route.js到项目中,放在angular.js之后,然后在代码里面引入`ngRoute`模块
 ```html
 <script type="text/javascript" src="../js/angular.js"></script>
 <script type="text/javascript" src="../js/angular-route.js"></script>
 ```
 -2.包含了 ngRoute 模块作为主应用模块的依赖模块
 +2.包含了`ngRoute`模块作为主应用模块的依赖模块
 ```javascript
 angular.module('helloWscatsApp',['ngRoute'])
 ```
 <div ng-view></div>
 ```
 +4. 打开浏览器，定位到需要呈现路由所在的页面，我们在url基础上加`#!/路由的名字`
 +```javascript
 +url + #!/路由的名字
 +```
++
 **$routeProvider**
 两个核心方法`when()`和`otherwise()`