codecamp

AngularJS 实例

AngularJS 实例

本节为你提供了一些 AngularJS 实例，包括基础的 AngularJS 的使用、AngularJS 表达式的使用、AngularJS 指令的使用等等。

尝试一下

您可以在线编辑实例，然后点击按钮查看结果。

AngularJS 实例

<div ng-app="">

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

</div>

尝试一下 »

AngularJS 基础

我的第一个 AngularJS 表达式
 我的第一个 AngularJS 指令
 我的第一个 AngularJS 指令（带有有效的 HTML5）

基础的 AngularJS 讲解

AngularJS 表达式

带有数字的表达式
 使用带有数字的 ng-bind
带有字符串的表达式
 使用带有字符串的 ng-bind
带有对象的表达式
 使用带有对象的 ng-bind
带有数组的表达式
 使用带有数组的 ng-bind

表达式讲解

AngularJS 指令

AngularJS 指令
 ng-model 指令
 ng-repeat 指令（带有数组）
ng-repeat 指令（带有对象）

指令讲解

AngularJS 控制器

AngularJS 控制器
 控制器属性
 控制器函数
 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 应用程序

AngularJS 应用程序

应用程序讲解

温馨提示

下载编程狮App，免费阅读超1000+编程语言教程

取消

确定

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }