AngularJS 實例

2018-03-29 14:36 更新

AngularJS 實例

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

嘗試一下

您可以在線編輯實例,然后點擊按鈕查看結(jié)果。

AngularJS 實例

<div ng-app="">

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

</div>

嘗試一下 ?


AngularJS 基礎(chǔ)

我的第一個 AngularJS 表達式
我的第一個 AngularJS 指令
我的第一個 AngularJS 指令(帶有有效的 HTML5)

基礎(chǔ)的 AngularJS 講解


AngularJS 表達式

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

表達式講解


AngularJS 指令

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

指令講解


AngularJS 控制器

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

控制器講解


AngularJS 過濾器

表達式過濾器 uppercase
表達式過濾器 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)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號