AngularJS基礎(chǔ) ng-init 指令簡單示例
更新時間：2016年08月02日 09:11:32 投稿：lqh
本文主要介紹AngularJS ng-init 指令,這里幫大家整理了關(guān)于ng-init 指令的基本知識資料,并附有簡單的代碼示例,有需要學(xué)習(xí)的小伙伴可以參考下
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)文章
本篇文章主要介紹了淺談angular2 組件的生命周期鉤子，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
淺談angular2的http請求返回結(jié)果的subcribe注意事項
下面小編就為大家?guī)硪黄獪\談angular2的http請求返回結(jié)果的subcribe注意事項。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-03-03
這篇文章主要介紹了AngularJS的MVC架構(gòu),結(jié)合實例形式重點分析了ng-controller聲明并使用控制器的操作技巧與控制器作用域的相關(guān)注意事項,需要的朋友可以參考下2016-11-11
這篇文章主要為大家詳細介紹了Angularjs中UI Router的使用方法，感興趣的朋友可以參考一下2016-05-05
Angular發(fā)布1.5正式版，專注于向Angular 2的過渡
Angular團隊最近發(fā)布了Angular 1.5的正式版，該版本實現(xiàn)了一次重大的升級，它讓仍在使用1.X版本的開發(fā)者將能夠更容易地過渡到Angular 2的開發(fā)2016-02-02
本文主要介紹了利用angularjs1.4制作的簡易滑動門效果的實例，具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
這篇文章主要為大家介紹了Angular獲取ngIf渲染的Dom元素示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-05-05
淺談Angularjs中不同類型的雙向數(shù)據(jù)綁定
這篇文章主要介紹了淺談Angularjs中不同類型的雙向數(shù)據(jù)綁定，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-07-07
Angular使用 ng-img-max 調(diào)整瀏覽器中的圖片的示例代碼
本篇文章主要介紹了Angular使用 ng-img-max 調(diào)整瀏覽器中的圖片的示例代碼，具有一定的參考價值，有興趣的可以了解一下2017-08-08
這篇文章主要介紹了詳解AngularJS中的表達式使用,包括處理數(shù)字和字符串等各種對象的操作,需要的朋友可以參考下2015-06-06