AngularJS 基础概念
AngularJS 是一个由 Google 开发的开源 JavaScript 框架,用于构建单页面应用程序(SPA)。它通过扩展 HTML 的功能,使得开发者能够更加轻松地创建动态、交互式的前端应用。
MVC 架构
AngularJS 使用 MVC(Model-View-Controller)架构来组织应用程序的代码。在 AngularJS 中,Model 代表数据,View 代表用户界面,Controller 则负责处理用户输入和更新数据。
双向数据绑定
AngularJS 的一个重要特性是双向数据绑定,它使得当 Model 发生变化时,View 会自动更新,反之亦然。这样可以减少开发者手动操作 DOM 的工作量,提高开发效率。
示例代码:
---- -------------- ----------------------- ------ ----------- ---------------- --------- ------------- ------ -------- --- --- - ----------------------- ---- ------------------------ ---------------- - ----------- - -------- --- ---------
在上面的示例中,当用户在输入框中输入内容时,{{name}}
中的值会实时更新。
指令
AngularJS 中的指令是用来扩展 HTML 的标签和属性,使其具有更多功能。常见的指令包括 ng-model
、ng-repeat
、ng-click
等。
示例代码:
---- --- --------------- -- -------------------- ----- -------- --- --- - ----------------------- ---- ------------------------ ---------------- - ------------ - ------ --- ----- --- ----- ---- --- ---------
上面的示例中使用了 ng-repeat
指令来循环显示列表项。
以上是 AngularJS 的基础概念,接下来我们将深入学习更多高级特性和技巧。