AngularJS

AngularJS现在处于长期支持(LTS)模式: Find out more.

Why AngularJS?

HTML非常适合于声明静态文档,但是当我们尝试使用它来声明Web应用程序中的动态视图时,HTML却显得毫无用处. AngularJS允许您扩展应用程序的HTML词汇. 由此产生的环境具有极强的表现力,可读性,并且可以快速开发.

Alternatives

其他框架通过抽象化HTML,CSS和/或JavaScript或提供一种强制性的DOM处理方法来解决HTML的缺点. 这些都不能解决HTML不是为动态视图设计的根本问题.

Extensibility

AngularJS是一个工具集,用于构建最适合您的应用程序开发的框架. 它是完全可扩展的,并且可以与其他库一起很好地工作. 可以修改或替换每个功能,以满足您独特的开发工作流程和功能需求. 阅读,了解如何.

The Basics

Watch as we build this app

Add Some Control

Data Binding

数据绑定是在模型更改时自动更新视图以及在视图更改时自动更新模型的一种自动方法. 这很棒,因为它从您需要担心的事情列表中消除了DOM操作.

Controller

控制器是DOM元素背后的行为. AngularJS允许您以清晰易读的形式表示行为,而无需进行更新DOM,注册回调或查看模型更改的通常样板.

Plain JavaScript

与其他框架不同,无需从专有类型继承即可将模型包装在访问器方法中. AngularJS模型是普通的旧JavaScript对象. 这使您的代码易于测试,维护,重用,并且再次摆脱样板.

Watch as we build this app

Create Components

Directives

指令是AngularJS中可用的独特而强大的功能. 指令可让您发明特定于您的应用程序的新HTML语法.

Reusable Components

我们使用指令来创建可重用的组件. 组件允许您隐藏复杂的DOM结构,CSS和行为. 这使您可以专注于应用程序的功能或应用程序的外观.

Localization

认真的应用程序的重要组成部分是本地化. AngularJS的可感知语言环境的过滤器和词干指令为您提供了构建基块,以使您的应用程序可在所有语言环境中使用.

Locale: US

Locale: SK

Navigation, Forms and Backends

Deep Linking

深层链接反映了用户在应用中的位置. 这很有用,因此用户可以将指向应用程序中位置的书签和电子邮件链接添加到书签中. 往返应用程序会自动获取此信息,但AJAX应用程序本质上不会. AngularJS结合了深度链接和类似于桌面应用程序的行为的优点.

Form Validation

客户端表单验证是出色用户体验的重要组成部分. AngularJS允许您声明表单的验证规则,而无需编写JavaScript代码. 写更少的代码,早点喝啤酒.

Server Communication

AngularJS使用第三方库在XHR以及其他各种后端上提供内置服务. Promise通过处理数据的异步返回进一步简化了您的代码.

Testability Built-in

Injectable

AngularJS中的依赖项注入使您可以声明性地描述应用程序的连接方式. 这意味着您的应用程序不需要main()方法,这通常是无法维护的混乱. 依赖注入也是AngularJS的核心. 这意味着任何不符合您需求的组件都可以轻松更换.

Testable

AngularJS的设计完全是可测试的. 它鼓励行为与视图的分离,预先绑定了模拟,并充分利用了依赖注入. 它还带有端到端场景运行器,通过了解AngularJS的内部工作原理消除了测试脆弱性.

by  ICOPY.SITE