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

快速指南资源资源求职讨论区Angular 6是一个JavaScript框架，用于在JavaScript，html和TypeScript（JavaScript的超集）中构建Web应用程序和应用程序。 Angular提供了用于动画，http服务和素材的内置功能，这些功能又具有自动完成，导航，工具栏，菜单等功能。代码以TypeScript编写，可编译为JavaScript并在JavaScript中显示。...

📅  最后修改于: 2020-10-28 05:23:14        🧑  作者: Mango

Angular有五个主要版本。发布的第一个版本是Angular 1，也称为AngularJS。 Angular 1之后是Angular 2，与Angular 1相比有很多变化。Angular的结构基于组件/服务架构。 AngularJS基于模型视图控制器。事实证明，2018年5月发布的Angular 6是一项重大突破，是Angular团队继Angular 5之后发布的最新版本。Angular 6与...

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

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

📅  最后修改于: 2020-10-28 05:24:16        🧑  作者: Mango

Angular 6开发的主要部分是在组件中完成的。组件基本上是与组件的.html文件进行交互的类，该文件会显示在浏览器中。在上一章中我们已经看到了文件结构。该文件结构具有app组件，并且由以下文件组成-app.component.cssapp.component.htmlapp.component.spec.tsapp.component.tsapp.module.ts当我们使用angular-c...

📅  最后修改于: 2020-10-28 05:24:35        🧑  作者: Mango

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

📅  最后修改于: 2020-10-28 05:25:07        🧑  作者: Mango

数据绑定可从AngularJS，Angular 2,4开始使用，现在也可以在Angular 6中使用。我们将花括号用于数据绑定-{{}};此过程称为插值。在前面的示例中，我们已经看到了如何声明变量title的值，并在浏览器中打印出相同的值。app.component.html文件中的变量称为{{title}}，并且title的值在app.component.ts文件和app.component.h...

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

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

📅  最后修改于: 2020-10-28 05:25:52        🧑  作者: Mango

Angular 6使用<ng-template>作为类似于Angular 4的标签，而不是Angular2中使用的<template>。 Angular 4将<template>更改为<ng-template>的原因是因为<template>标签和html<template>标准标签之间存在名称冲突。它将完全弃用。现在让我们将模板与if else条件一起使用，并查看输出。app.component...

📅  最后修改于: 2020-10-28 05:26:14        🧑  作者: Mango

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

📅  最后修改于: 2020-10-28 05:26:43        🧑  作者: Mango

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

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

路由基本上意味着在页面之间导航。您已经看到了许多站点，这些站点的链接将您定向到新页面。这可以使用路由来实现。在这里，我们所指的页面将采用组件形式。我们已经看到了如何创建组件。现在让我们创建一个组件，看看如何在其上使用路由。在主要的父组件app.module.ts中，我们现在必须包括如下所示的路由器模块-从“ @ angular / router”导入{RouterModule}在此，RouterM...

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

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

📅  最后修改于: 2020-10-28 05:28:07        🧑  作者: Mango

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

📅  最后修改于: 2020-10-28 05:29:06        🧑  作者: Mango

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

📅  最后修改于: 2020-10-28 05:29:40        🧑  作者: Mango

材料为您的项目提供了许多内置模块。自动完成，日期选择器，滑块，菜单，网格和工具栏等功能可用于Angular 6中的材料。要使用材料，我们需要导入包装。 Angular 2也具有上述所有功能，但可以作为@ angular / core模块的一部分使用。 Angular 6提供了一个单独的模块@ angular / materials。。这可以帮助用户导入所需的材料。要开始使用物料，您需要安装两个软件...