分类标签归档：Angular
视图提供了必要的抽象层。他们让Angular独立于平台特定的实用程序。作为一种跨平台技术，Angular使用其视图与平台连接。
对于Angular模板HTML中的每个元素，都有一个相应的视图。 Angular建议通过这些视图与平台进行交互。虽然直接操纵仍然可行，但Angular警告它。 Angular提供了自己的应用程序编程接口（API）来替换本机操作。
对特定于平台的API的回避视图会产生影响。在Web浏览器中开发Angular时，元素存在于两个位置：DOM和视图。仅与DOM混淆不会影响视图。
由于Angular不与平台接口，因此会产生不连续性。视图应该一对一地镜像平台。否则，A...
组件负责呈现到模板中的数据。拥有外部_服务_可以简化这一责任。另外，封装外部更容易维护。
将过多的职责委托给单个组件会使组件类复杂化。如果这些责任适用于多个组件怎么办？复制和粘贴这种逻辑是非常糟糕的做法。未来对逻辑的任何更改都将难以实现和测试。
Angular意味着通过服务和依赖注入来解决这个问题。这两个概念协同工作以提供_模块化_功能。
组件也不需要提供任何无关的信息。服务代表其_服务_的组件导入其运行所需的内容。组件只需要实例化服务。从那里，他们用_服务_实例化的服务实例自己的需要。
至于测试和未来的修改，所有逻辑都集中在一个地方。该服务从其源实例化。对源的测试和修改适用于注入...
路由至关重要。许多现代Web应用程序为一个页面托管了太多信息。用户不必滚动浏览整个应用程序的内容。应用程序需要将自身拆分为可区分的部分。
用户优先考虑必要的信息。路由帮助他们找到包含此类信息的应用程序部分。对其他用户有用的任何其他信息可能存在于完全独立的路由上。通过路由，两个用户都可以快速找到所需内容。不相关的细节在不相关的路线背后隐藏。
路由优于排序和限制对应用程序数据的访问。绝不应向未经授权的用户显示敏感数据。在每条路线之间，应用程序可能会介入。它可以检查用户的会话以进行身份验证。该检查确定如果它应该呈现的路线呈现什么。路由为开发人员提供了在继续之前验证用户的绝佳机会。
创...
JavaScript的反应性扩展（RxJS）是_可观察_数据流的库。 RxJS在命令行执行ng new [name-of-application]时安装Angular。这使用Angular命令行界面（CLI）。 RxJS补充了数据通过Observable流程。 Observable对象有助于_可迭代_数据的流动。
数据流不是主要用例。毕竟，数据流并行事件流。事件发出，因此应用程序知道数据何时到达。虽然事件流构成了RxJS补充的核心，但本文也将它们称为数据流。
流同步（立即）或异步（超时）执行。 RxJS通过Observable数据流轻松处理这两种情况。严格的异步性是可以转换的。使用...
现代Web组件经常使用动画。级联样式表（CSS）为开发人员提供了创建令人印象深刻的动画的工具。使用CSS可以实现属性转换，唯一命名的动画，多部分关键帧。由于CSS，动画可能性是无穷无尽的。
在现代Web应用程序中，动画集中了用户的注意力。良好的动画旨在以令人满意的，富有成效的方式引导用户的注意力。动画不应该对用户造成烦扰。
动画以动作的形式提供反馈。它们向用户显示应用程序正在主动处理其请求。当应用程序必须加载时，像可见按钮按下或加载器这样简单的东西会吸引用户的注意力。
动画在Angular的案例中继续变得越来越重要。 Google在推广Material Design理念的同时开发了...
Angular与其命令行界面（CLI）密切相关。 CLI简化了Angular文件系统的生成。它处理幕后的大多数配置，因此开发人员可以开始编码。 CLI也有一个低学习曲线，值得推荐给任何想要直接进入的新手。哎呀，即使是经验丰富的Angular开发人员也依赖于CLI！
Angular CLI需要Node.js和Node Packet Manager（NPM） 。您可以使用terminal命令检查这些程序： node -v; npm -v 。安装完成后，打开终端并使用以下命令安装Angular CLI： npm install -g @angular/cli 。这可以在系统的任何位...
Angular包含许多用于构建应用程序的原理图 。组件就是这样的示意图。它们包含与应用程序的单个部分相关的单个逻辑单元。组件通常与其他原理图配合使用以更有效地运行。
在所有原理图中，组件倾向于消耗更多而不是提供。虽然其他原理图如指令，管道和服务提供实用程序，但组件使用。他们负责应用程序界面，因此消费实用程序的原因才有意义。
组件简化了应用程序。将逻辑漏斗到可见界面的单个部分是他们的主要目标。要逐步构建应用程序，必须逐个组件构建。毕竟，组件充当Angular的构建块。
如上所述，组件消耗实用程序（服务/资源）。他们站在业务逻辑和演示之间，以产生一个有凝聚力的单元。 Angu...
数据通常定义应用程序的外观。将数据解释为用户界面涉及类逻辑（ .component.html ）和模板视图（ .component.ts ）。 Angular通过数据绑定连接它们。将数据绑定视为组件交互的工具。
该组件将其大部分逻辑和数据存储在用@Component修饰的@Component 。此装饰器将类定义为具有模板HTML的组件。组件的模板表示应用程序中的类。这里的重点需要在组件的类和模板HTML之间。
这是数据绑定发生的地方。元素属性和事件获得指定的值。由组件类定义的这些值提供两个角色之一。一种是生成模板然后接收的数据。另一个处理模板元素发出的事件。
尝试将此图...
依赖注入通常更简单地称为DI。范式存在于整个Angular中。它使代码保持灵活，可测试和可变。类可以在不知道如何创建外部逻辑的情况下继承外部逻辑。这些课程的任何消费者也不需要知道任何事情。
DI使得课程和消费者都不必知道必要的知识。然而，由于在Angular中支持DI的机制，代码与之前的模块一样。
服务是DI的关键恩人。他们依靠范式_注入_各种消费者。然后，那些消费者可以利用该服务在其他地方提供和/或转发。
服务并不孤单。指令，管道，组件等：Angular中的每个原理图都以某种方式从DI中受益。
注入器是存储指令的数据结构，详细说明服务的形式。它们充当Angular DI系...
指令是Angular模板HTML的核心。组件是最重要的例子。每个组件视图都呈现在根组件视图下方。这可以导致定义单个应用程序的视图树。视图构成一个类（ component.ts ）及其模板（ component.html ）。
其他指令虽然不那么重要，但却提供了急需的灵活性。位于元素上的指令可以完全控制它。使用<ng-template></ng-template>可以动态创建和删除HTML内容。 Microsyntax使开发人员可以自由地进一步定制指令行为。
指令是Angular创建和识别的组件元素和属性。 Angular将元素或属性与其对应的类定义相关...