AngularJS基礎(chǔ) ng-init 指令簡(jiǎn)單示例
更新時(shí)間：2016年08月02日 09:11:32 投稿：lqh
本文主要介紹AngularJS ng-init 指令,這里幫大家整理了關(guān)于ng-init 指令的基本知識(shí)資料,并附有簡(jiǎn)單的代碼示例,有需要學(xué)習(xí)的小伙伴可以參考下
AngularJS ng-init 指令
AngularJS 實(shí)例
初始化應(yīng)用時(shí)創(chuàng)建一個(gè)變量:
<!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í)行給定的表達(dá)式。
ng-init 指令添加一些不必要的邏輯到 scope 中，建議你可以在控制器中 ng-controller 指令執(zhí)行它 。
語法
<element ng-init="expression" ></element>
所有的 HTML 元素都支持該指令。
參數(shù)值
| 值 | 描述 |
|---|---|
| expression | 執(zhí)行的表達(dá)式。 |
以上就是對(duì)ng-init 指令的資料整理，有需要的朋友參考下。
相關(guān)文章
Angular 2父子組件之間共享服務(wù)通信的實(shí)現(xiàn)
這篇文章主要給大家介紹了關(guān)于Angular 2父子組件之間共享服務(wù)通信的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起看看吧。2017-07-07
angularJs中datatable實(shí)現(xiàn)代碼
本篇文章主要介紹了angularJs中datatable實(shí)現(xiàn)代碼，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-06-06
AngularJS實(shí)現(xiàn)使用路由切換視圖的方法
這篇文章主要介紹了AngularJS實(shí)現(xiàn)使用路由切換視圖的方法,結(jié)合學(xué)生信息管理系統(tǒng)為例分析了使用controllers.js控制器來切換視圖的具體步驟與相關(guān)操作技巧,需要的朋友可以參考下2017-01-01
淺談關(guān)于angularJs中使用$.ajax的注意點(diǎn)
本篇文章主要介紹了關(guān)于angularJs中使用$.ajax的注意點(diǎn)，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-08-08
Angular 2+ 支持使用 [innerHTML] 屬性綁定來渲染 HTML,如果你使用插值,它會(huì)被視為字符串,本文將介紹如何使用 [innerHTML] 以及一些注意事項(xiàng),需要的朋友可以參考下2024-02-02
AngularJS學(xué)習(xí)筆記（三）數(shù)據(jù)雙向綁定的簡(jiǎn)單實(shí)例
這篇文章主要介紹了AngularJS學(xué)習(xí)筆記（三）數(shù)據(jù)雙向綁定的簡(jiǎn)單實(shí)例，詳解數(shù)據(jù)雙向綁定實(shí)例的相關(guān)資料,需要的朋友可以參考下。2016-11-11
利用Angular2的Observables實(shí)現(xiàn)交互控制的方法
這篇文章主要介紹了利用Angular2的Observables實(shí)現(xiàn)交互控制的方法，我們主要針對(duì)一些在跟服務(wù)器端交互的時(shí)候遇到的問題，來看看Observable給我們帶來的特性。感興趣的可以了解一下2018-12-12
深究AngularJS中ng-drag、ng-drop的用法
本篇文章主要介紹了深究AngularJS中ng-drag、ng-drop的用法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-06-06
Angualrjs 表單驗(yàn)證的兩種方式(失去焦點(diǎn)驗(yàn)證和點(diǎn)擊提交驗(yàn)證)
AngularJS提供了表單驗(yàn)證，但是驗(yàn)證的過程交互體驗(yàn)很不好，比如重設(shè)密碼，重復(fù)密碼的時(shí)候一鍵入就會(huì)提示密碼不正確?，F(xiàn)在小編給大家整理了兩種方法，需要的的朋友參考下吧2017-05-05
這篇文章主要介紹了Angular 向組件傳遞模板的兩種方法,第一種方式<ng-content>第二種方式是NgTemplateOutlet 指令及各種使用方式介紹,需要的朋友可以參考下2018-02-02