什么是 AngularJS

---

AngularJS 允许您使用称为 directives

的 HTML 属性扩展 HTML

AngularJS 指令为 HTML 应用程序提供功能

AngularJS 提供内置指令和用户定义指令

---

AngularJS 指令

AngularJS 使用双括号 {{ }} 作为数据的占位符。

AngularJS 指令是带有前缀 ng-

的 HTML 属性

ng-app 指令初始化 AngularJS 应用程序。

ng-init 指令初始化应用程序数据。

实例

<div ng-app="" ng-init="message='Hello AngularJS!'">
  <h1>{{ message }}</h1>
</div>

亲自试一试 »

---

ng-model 指令

ng-model 指令将 HTML 元素的值绑定到应用程序数据。

实例

<div ng-app="" ng-init="firstName='John'">

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

</div> 亲自试一试 »

---

ng-bind 指令

ng-bind 指令将数据绑定到模型。

实例

<div ng-app="" ng-init="firstName='John'">

<p>Name: <input type="text" ng-model="firstName"></p>
<p>You wrote <b ng-bind="firstName"></b></p>

</div> 亲自试一试 »

---

完整的 AngularJS 教程

这是对 AngularJS 的简短描述。

如需完整的 AngularJS 教程，请访问 W3Schools AngularJS 教程。

如需完整的 AngularJS 参考，请转到 W3Schools AngularJS 参考。