📅  最后修改于: 2020-10-27 02:25:38        🧑  作者: Mango

Angular 7是一个开放源代码JavaScript框架，用于在JavaScript，html和Typescript(JavaScript的超集)中构建Web应用程序和应用程序。 Angular为动画，http服务和素材提供了内置功能，这些功能又具有自动完成，导航，工具栏，菜单等功能。代码以Typescript编写，可编译为JavaScript并在JavaScript中显示。浏览器。为什么要学习...

📅  最后修改于: 2020-10-27 02:26:00        🧑  作者: Mango

Angular 7由Google拥有，稳定版本于2018年10月18日完成。这是Angular的最新版本。以下是到目前为止已发布的Angular版本列表-VersionReleased DateAngular JSOctober 2010Angular 2.0Sept 2016Angular 4.0March 2017Angular 5.0November 2017Angular 6.0May 2...

📅  最后修改于: 2020-10-27 02:26:20        🧑  作者: Mango

在本章中，我们将讨论Angular 7所需的环境设置。要安装Angular 7，我们需要以下内容-NodejsNpm角度CLI用于编写代码的IDENodejs要检查系统上是否安装了nodejs，请在终端中键入node -v。这将帮助您查看系统上当前安装的nodejs的版本。Nodejs必须大于8.x或10.x，npm必须大于5.6或6.4。如果它没有打印任何内容，请在系统上安装nodejs。要安装...

📅  最后修改于: 2020-10-27 02:28:22        🧑  作者: Mango

Angular 7开发的主要部分是在组件中完成的。组件基本上是与组件的.html文件进行交互的类，该文件会显示在浏览器中。在上一章中我们已经看到了文件结构。该文件结构具有app组件，并且由以下文件组成-app.component.cssapp.component.htmlapp.component.spec.tsapp.component.tsapp.module.ts并且，如果您在项目设置过程中...

📅  最后修改于: 2020-10-27 02:28:49        🧑  作者: Mango

Angular中的模块指的是您可以在其中分组与应用程序相关的组件，指令，管道和服务的地方。如果您正在开发网站，则页眉，页脚，左，中和右部分将成为模块的一部分。要定义模块，我们可以使用NgModule。使用Angular –cli命令创建新项目时，默认情况下ngmodule在app.module.ts文件中创建，其外观如下-NgModule需要如下导入：ngmodule的结构如下所示-它以@NgMo...

📅  最后修改于: 2020-10-27 02:29:34        🧑  作者: Mango

AngularJS可以直接使用数据绑定，之后将发布Angular的所有版本。我们将花括号用于数据绑定-{{}};此过程称为插值。在前面的示例中，我们已经看到了如何声明变量title的值，并在浏览器中打印出相同的值。在app.component.html文件中的变量被称为{{标题}}和标题的值在app.component.ts文件初始化并在app.component.html，则显示值。现在让我们在...

📅  最后修改于: 2020-10-27 02:30:03        🧑  作者: Mango

在本章中，我们将讨论事件绑定在Angular 7中的工作方式。当用户以键盘移动，鼠标单击或鼠标悬停的形式与应用程序交互时，它将生成一个事件。需要处理这些事件以执行某种操作。这是事件绑定出现的地方。让我们考虑一个例子，以更好地理解这一点。app.component.html在app.component.html文件中，我们定义了一个按钮，并使用click事件向其中添加了一个函数。以下是定义按钮并为其...

📅  最后修改于: 2020-10-27 02:30:31        🧑  作者: Mango

Angular 7使用<ng-template>作为标记，而不是Angular2中使用的<template>。自Angular 4发行以来，一直使用<ng-template>，而较早的版本（即Angular 2）出于相同目的使用<template>。从Angular 4开始它开始使用<ng-template>而不是<template>的原因是因为<template>标签和html <templat...

📅  最后修改于: 2020-10-27 02:30:56        🧑  作者: Mango

Angular中的指令是一个js类，它声明为@directive。我们在Angular中有3个指令。指令在下面列出-组件指令这些构成了主要类，其中包含有关如何在运行时处理，实例化和使用组件的详细信息。结构指令结构指令主要处理操纵dom元素。结构性指令在指令之前带有*符号。例如，* ngIf和* ngFor。属性指令属性指令处理更改dom元素的外观和行为。您可以按照以下部分中的说明创建自己的指令。如...

📅  最后修改于: 2020-10-27 02:31:28        🧑  作者: Mango

在本章中，我们将讨论Angular 7中的Pipes。在Angular1中，管道以前被称为过滤器，从Angular2开始又称为管道。|字符用于转换数据。以下是相同的语法-它使用整数，字符串，数组和日期作为输入，并用|分隔。转换为所需格式并在浏览器中显示。让我们考虑一些使用管道的示例。在这里，我们要显示大写的文本。这可以使用管道如下进行：在app.component.ts文件中，我们定义了title...

📅  最后修改于: 2020-10-27 02:32:15        🧑  作者: Mango

路由基本上意味着在页面之间导航。您已经看到了许多站点，这些站点的链接将您定向到新页面。这可以使用路由来实现。在这里，我们所指的页面将采用组件形式。我们已经看到了如何创建组件。现在让我们创建一个组件，看看如何在其上使用路由。在项目设置期间，我们已经包含了路由模块，并且app.module.ts中也提供了该模块，如下所示-app.module.ts如上所述，添加了AppRoutingModule，并将...

📅  最后修改于: 2020-10-27 02:32:55        🧑  作者: Mango

我们可能遇到一种情况，需要在页面上的任何地方使用一些代码。例如，它可能用于需要在组件之间共享的数据连接。这是在服务的帮助下实现的。借助服务，我们可以访问整个项目中其他组件的方法和属性。要创建服务，我们需要使用下面给出的命令行-在app文件夹中创建的文件如下-以下是创建的文件，这些文件显示在底部– myservice.service.specs.ts和myservice.service.ts。mys...

📅  最后修改于: 2020-10-27 02:33:16        🧑  作者: Mango

HttpClient将帮助我们获取外部数据，将其发布到外部等。我们需要导入http模块以使用http服务。让我们考虑一个示例，以了解如何使用http服务。要开始使用http服务，我们需要将模块导入app.module.ts中，如下所示-如果您看到突出显示的代码，我们已经从@ angular / common / http导入了HttpClientModule，并且同样在imports数组中添加了它...

📅  最后修改于: 2020-10-27 02:33:39        🧑  作者: Mango

Angular CLI使得从任何Angular项目开始变得容易。 Angular CLI随附的命令可帮助我们非常快速地创建和启动项目。现在，让我们看一下可用于创建项目，组件和服务，更改端口等的命令。要使用Angular CLI，我们需要在系统上安装它。让我们对相同的命令使用以下命令-要创建一个新项目，我们可以在命令行中运行以下命令，然后将创建该项目。ng serve //将编译，您可以在浏览器中看...

📅  最后修改于: 2020-10-27 02:34:56        🧑  作者: Mango

在本章中，我们将了解如何在Angular 7中使用表单。我们将讨论使用表单的两种方式-模板驱动形式模型驱动形式模板驱动形式使用模板驱动的表单，大部分工作都在模板中完成。使用模型驱动的表单，大多数工作在组件类中完成。现在让我们考虑使用“模板驱动”表单。我们将创建一个简单的登录表单，并在表单中添加电子邮件ID，密码和“提交”按钮。首先，我们需要从@ angular / forms导入FormsModu...