什么是 AngularJS?
AngularJS 允许您使用称为指令的 HTML 属性扩展 HTML
AngularJS 指令为 HTML 应用程序提供功能
AngularJS 提供内置指令和用户自定义指令
AngularJS Directives
AngularJS 使用双大括号 {{ }}
作为数据占位符。
AngularJS 指令是带有前缀 ng-
的 HTML 属性
ng-app
指令初始化一个 AngularJS 应用程序。
ng-init
指令初始化应用程序数据。
ng-model 指令
ng-model
指令将 HTML 元素的值绑定到应用程序数据。
示例
<div ng-app="" ng-init="firstName='John'">
<p>姓名: <input type="text" ng-model="firstName"></p>
<p>你写了: <b>{{firstName}}</b></p>
</div>
自己动手试一试 »
ng-bind 指令
ng-bind
指令将数据绑定到模型。
示例
<div ng-app="" ng-init="firstName='John'">
<p>姓名: <input type="text" ng-model="firstName"></p>
<p>你写了 <b ng-bind="firstName"></b></p>
</div>
自己动手试一试 »
完整的 AngularJS 教程
这是对 AngularJS 的简短描述。
有关完整的 AngularJS 教程,请访问 W3Schools AngularJS 教程。
有关完整的 AngularJS 参考资料,请访问 W3Schools AngularJS 参考。