AngularJS 實(shí)例

2018-03-29 14:36 更新

AngularJS 實(shí)例

本節(jié)為你提供了一些 AngularJS 實(shí)例，包括基礎(chǔ)的 AngularJS 的使用、AngularJS 表達(dá)式的使用、AngularJS 指令的使用等等。

嘗試一下

您可以在線編輯實(shí)例，然后點(diǎn)擊按鈕查看結(jié)果。

AngularJS 實(shí)例

<div ng-app="">

<p>Name: <input type="text" ng-model="name"></p>
<p>You wrote: {{ name }}</p>

</div>

嘗試一下 ?

AngularJS 基礎(chǔ)

我的第一個(gè) AngularJS 表達(dá)式
我的第一個(gè) AngularJS 指令
我的第一個(gè) AngularJS 指令（帶有有效的 HTML5）

基礎(chǔ)的 AngularJS 講解

AngularJS 表達(dá)式

帶有數(shù)字的表達(dá)式
使用帶有數(shù)字的 ng-bind
帶有字符串的表達(dá)式
使用帶有字符串的 ng-bind
帶有對(duì)象的表達(dá)式
使用帶有對(duì)象的 ng-bind
帶有數(shù)組的表達(dá)式
使用帶有數(shù)組的 ng-bind

表達(dá)式講解

AngularJS 指令

AngularJS 指令
ng-model 指令
ng-repeat 指令（帶有數(shù)組）
ng-repeat 指令（帶有對(duì)象）

指令講解

AngularJS 控制器

AngularJS 控制器
控制器屬性
控制器函數(shù)
JavaScript 文件中的控制器 I
JavaScript 文件中的控制器 II

控制器講解

AngularJS 過濾器

表達(dá)式過濾器 uppercase
表達(dá)式過濾器 lowercase
指令過濾器 orderBy
輸入過濾器

過濾器講解

AngularJS HTML DOM

The ng-disabled Directive

HTML DOM 講解

AngularJS HTML 事件

ng-click 指令
ng-show 指令

HTML 事件講解

AngularJS 模塊

body 中的 AngularJS 模塊
文件中的 AngularJS 模塊

模塊講解

AngularJS 應(yīng)用程序

AngularJS 應(yīng)用程序

應(yīng)用程序講解

以上內(nèi)容是否對(duì)您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)