angularJS獨立作用域

文章在我的GitHub zsj 裡的angularJS 01_常用指令和控制器 。
19_獨立作用域.html

可以使用一個語法：userName 就可以用了唄！用到獨立作用域，只需要加
獨立作用域 scope: 你是你，我是我，看自己的文件 scope的繫結策略 下面三個符號是給它用的。把作用域上值作用在指令上！
@ 關聯作用域到指令
= 與
&
20_scope繫結策略.html
基礎的寫好！angular.module(`myApp`,[])

自定義屬性 xiao-xue content=”{{ ctrlContent}}” 就是一個指令。前面的是xiaoxue 的屬性。這個屬性名隨便叫。 然後寫到了 初始化這塊
初始化一個$scope下的變數
$scope.ctrlContent = `大家好。我叫小雪`

.dirctive( ) 。弄了一個控制器，這個東西是 顯示的是 展示的值，傳給 寫一個符號就好使。 scope : { content : `@` } 這是一種特別常見的東西，會自動把作用域上的，賦值給該指令的content屬性中。傳值。
感覺繞來繞去，自定義的東西不能寫死。

雙向繫結 21_雙向繫結.html 看程式碼可以通過序號來查詢！
比如說，把程式碼寫出來，架構
明天會寫路由。但是不確定在這裡寫。預估是在豆瓣裡寫！

當前控制器：
input type=”text” ng-model=”ctrlContent”
自定義指令：
xiao-xue content=”ctrlContent”

上面是輸入框，下面是要讓自定義模板，最後，有一個input框
.controller(`MainCtrl`,[`$scope`,function ($scope){初始化}])
.directive(`xiaoXue`,[function () { return {restrict : `E` , replace : true, template : `語法有些區別，想要實現兩個輸入框，進行關聯，單項關聯，顯示在頁面上面。 ng-model 要的是一個值 ，content 。還要加上 @ 符。 再試試等號 =

雙向繫結 加上這個值，我可以正向 ‘@’ 有改變 在當前控制器，自定義控制器裡的內容也隨之改變。
語法規定 用了 = 要去掉大括號 。 看自定義指令的註釋：
當使用 @的時候，這裡要加上 {{ }} ，而使用 = 的時候不要加入 {{ }}

22_函式繫結.html
控制器和指令，先把架子打起來。看到的自定義屬性，標籤的屬性，函式，$scope.sayHello = function (name) {}
指令 .directive(`xiaoXue`,[function ()])
裡面是一個文字框。 ng-model關聯的東西 是userName
很有特點，輸入框，我要點選這個按鈕，呼叫sayHello方法 有一定的關聯。首先得有一個，ng-click=””這個方法很特殊。觸發方法是sayHello 但是裡寫的say 需要傳一個物件。
say()方法關聯的就是作用域下的sayHello方法，sayHello方法需要一個引數，我們在呼叫say方法傳參的時候，要傳入一個物件，sayHello需要的形參就是這個物件的某個屬性。
template : 。。say({name : userName}) … 它是一個函式，需要一個引數，需要給個物件。 試試好不好使！執行！這個時候，使用一下會發現要加上用 & 有把函式繫結的功能！這樣就可以 在控制檯裡可以看到，無論怎麼關聯，都可以看，要是不好記，粘過來，改。