達令說

不同于jquery只是一個加強和簡化前端開發的類庫，angularjs是一個完整web前端框架，所以學習曲線高了很多。angularjs給我的感覺類似于Java的Spring框架，處于中心容器位置粘合其他組件，其內置的很多組件已經可以滿足一般場景，特殊場景我們可以按照框架思路擴展。下面從最基礎的內容走起：

ng-bind directive

直接輸出字符串字面值

Hello {{"World"}}

---

使用占位符輸出變量

Hello {{greeting}}

---

使用ng-bind指令輸出變量

Hello

---

ng-app聲明一個angularjs的模塊，并限定在聲明html標簽的范圍內。ng-controller是在模塊中聲明一個angularjs的控制器，控制器可以有多個，但上下文是隔離的，應盡可能縮小控制器的作用范圍。{{}}是angularjs的插值語法，類似于JSP的EL表達式${}。第一個輸出因為"World"是個字面值，程序會直接輸出；第二個輸出因為greeting是在控制器里定義的一個變量，所以也會輸出變量對應的值，一樣是World；第三個輸出利用了angularjs內置的ng-bind屬性指令，最終結果等價于{{}}，但注意指令=后面是字符串，不要寫錯。js里面的HelloController和body上面的指令對應，入參$scope是框架提供的一個服務，代表當前控制器的上下文，還有其他類似服務，框架會自動注入，以后慢慢了解。方法體只有一行，是在$scope上定義了一個變量，就是html代碼里引用的變量。這一篇很簡單，代碼復制了就能運行。注意angular.min.js是1.2分支最新的版本，同樣的代碼用1.3.0版本無法運行，原因未知，可能1.3.0還不是最終Release版本有關。

總結

以上是生活随笔為你收集整理的el表达式中换行_angularjs/ng-bind如何保留换行符的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。