AngularJS基礎(chǔ) ng-init 指令簡單示例
AngularJS ng-init 指令
AngularJS 實例
初始化應(yīng)用時創(chuàng)建一個變量:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script> </head> <body> <div ng-app="" ng-init="myText='Hello World!'"> <h1>{{myText}}</h1> <p> ng-init 指令創(chuàng)建了 AngularJS 變量,你可以在應(yīng)用中使用它。</p> </div> </body> </html>
定義和用法
ng-init 指令執(zhí)行給定的表達式。
ng-init 指令添加一些不必要的邏輯到 scope 中,建議你可以在控制器中 ng-controller 指令執(zhí)行它 。
語法
<element ng-init="expression" ></element>
所有的 HTML 元素都支持該指令。
參數(shù)值
值 | 描述 |
---|---|
expression | 執(zhí)行的表達式。 |
以上就是對ng-init 指令的資料整理,有需要的朋友參考下。
相關(guān)文章
Angular 2父子組件之間共享服務(wù)通信的實現(xiàn)
這篇文章主要給大家介紹了關(guān)于Angular 2父子組件之間共享服務(wù)通信的相關(guān)資料,文中通過示例代碼介紹的非常詳細,對大家具有一定的參考學(xué)習(xí)價值,需要的朋友們下面來一起看看吧。2017-07-07淺談關(guān)于angularJs中使用$.ajax的注意點
本篇文章主要介紹了關(guān)于angularJs中使用$.ajax的注意點,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-08-08AngularJS學(xué)習(xí)筆記(三)數(shù)據(jù)雙向綁定的簡單實例
這篇文章主要介紹了AngularJS學(xué)習(xí)筆記(三)數(shù)據(jù)雙向綁定的簡單實例,詳解數(shù)據(jù)雙向綁定實例的相關(guān)資料,需要的朋友可以參考下。2016-11-11利用Angular2的Observables實現(xiàn)交互控制的方法
這篇文章主要介紹了利用Angular2的Observables實現(xiàn)交互控制的方法,我們主要針對一些在跟服務(wù)器端交互的時候遇到的問題,來看看Observable給我們帶來的特性。感興趣的可以了解一下2018-12-12深究AngularJS中ng-drag、ng-drop的用法
本篇文章主要介紹了深究AngularJS中ng-drag、ng-drop的用法,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-06-06Angualrjs 表單驗證的兩種方式(失去焦點驗證和點擊提交驗證)
AngularJS提供了表單驗證,但是驗證的過程交互體驗很不好,比如重設(shè)密碼,重復(fù)密碼的時候一鍵入就會提示密碼不正確?,F(xiàn)在小編給大家整理了兩種方法,需要的的朋友參考下吧2017-05-05