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

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

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

Angular有三个主要版本。发布的第一个版本是Angular1，也称为AngularJS。 Angular1之后是Angular2，与Angular1相比，它进行了很多更改。Angular的结构基于组件/服务架构。 AngularJS基于模型视图控制器。事实证明，2017年3月发布的Angular 4是一项重大突破，是Angular团队继Angular2之后发布的最新版本。Angular 4与A...

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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