AngularJS筆記

一。

• 出現錯誤：Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.
• 解決：由於我是以文件的形式打開的，因爲chrome 的設置問題，只支持http, data, chrome, chrome-extension, https, chrome-extension-resource 這些格式，不支持file:///xxxx.html 這種格式，因此會出現這個問題。
• 方法一：啓動chrom 參數  --allow-file-access-from-files

• 方法二：啓動tomcat，把你的文件全扔到webapps 裏，而後在瀏覽器裏訪問，就能夠了。

 

二。directive內的controller不是module下的controller，而是爲了暴露出他所含有的函數供別處調用

三。element.addClass('btn btn-primary');引入bootstrap對樣式進行修改

四。directive裏，想要讓指令暴露方法供別處調用，用controller，而link用來綁定元素之列

五。require: '^superman',說明這個指令是依賴於superman指令

六。restrict – 這個屬性用來指定指令在HTML中如何使用（還記得以前說的，指令的四種表示方式嗎）。在上面的例子中，咱們使用了 ‘AE’。因此這個指令能夠被看成新的HTML元素或者屬性來使用。若是要容許指令被看成class來使用，咱們將 restrict 設置成 ‘AEC’。（共有AECM）

七。link: function(scope, element, attrs, supermanCtrl) 最後一個參數代表所依賴的指令裏暴露的controller

八。獨立scope：scope:{},是每個指令都是獨立的 不會互相影響

九。下一個你須要知道的參數爲 replace，顧名思義，這是替換的意思，默認爲 false，就是將模版的內容追加到元素中，若是設置爲 true，那麼模版的內容將會替換元素的內容。

原來的輸出將會成爲下面的樣子，實際上，你在頁面中將會看不到輸出的內容，hello 元素瀏覽器是不認識的，而其它兩種方式，咱們又沒有生成任何的元素。