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

Angular 7 CDK中新增的拖放功能有助于从列表中拖放元素。我们将通过一个示例来了解拖放模块的工作。该功能已添加到cdk。我们需要先下载依赖项，如下所示-完成上述步骤后。让我们将拖放模块导入app.module.ts中，如下所示：DragDropModule是从“ @ angular / cdk / drag-drop”导入的，并且该模块已添加到import数组，如上所示。我们将使用api（...

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

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

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

本章将讨论以下主题-测试Angular 7项目建立Angular 7项目测试Angular 7项目在项目设置过程中，已经安装了所需的测试软件包。为每个新组件，服务，指令等创建一个.spec.ts文件。我们将使用jasmine编写测试用例。对于添加到组件，服务，指令或创建的任何其他文件的任何更改，可以将测试用例包含在相应的.spec.ts文件中。因此，大多数单元测试可以在开始时就涉及到。要运行测试用...

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

以下资源包含有关Angular7的其他信息。请使用它们来获得有关此方面的更深入的知识。Angular7上的有用链接Angular7–Angular7的官方网站Angular7 @ Wikipedia-Angular7，其历史和其他各种术语已用简单的语言进行了解释。关于Angular7的有用书籍要在此页面上注册您的网站，请发送电子邮件至...

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

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

📅  最后修改于: 2020-12-16 04:53:16        🧑  作者: Mango

Angular 7教程Angular 7教程提供了Angular 7的基本和高级概念。我们的Angular 7教程专为初学者和专业人士而设计。Angular是一个JavaScript框架，使您能够创建反应性单页应用程序(SPA)。这是一个领先的前端开发框架，由Google的Angular团队定期更新。 Angular 7完全基于组件。它由几个组件组成，这些组件与父组件和子组件一起构成树结构。在本教...

📅  最后修改于: 2020-12-16 04:54:17        🧑  作者: Mango

什么是Angular 7?Angular 7是一个JavaScript(实际上是基于TypeScript的开源全栈Web应用程序)框架，使您能够创建反应性单页应用程序(SPA)。 Angular 7完全基于组件。它由几个组件组成，与父组件和子组件一起形成树结构。超过2+的Angular版本通常仅称为Angular。Angular 1.0的第一个版本称为AngularJS。“ Angular是构建A...

📅  最后修改于: 2020-12-16 04:55:13        🧑  作者: Mango

角度特征Angular最重要的功能和优点的列表：Angular支持多种平台Angular是一种跨平台语言。它支持多个平台。您可以使用Angular构建不同类型的应用程序。桌面应用程序：Angular可以使用与创建Web和本机应用程序相同的Angular方法，方便您在不同类型的操作系统(例如Windows，Mac或Linux)上创建桌面安装的应用程序。本机应用程序：您可以通过将Angular与Cor...

📅  最后修改于: 2020-12-16 04:56:11        🧑  作者: Mango

如何安装Angular 7?Angular 7环境设置在此页面中，您将看到如何安装运行第一个Angular 7应用所需的先决条件。安装Visual Studio Code IDE或JetBrains WebStorm您必须具有像Visual Studio Code IDE或JetBrains WebStorm这样的IDE才能运行Angular 7应用程序。VS Code轻便且易于设置，它具有广泛的...

📅  最后修改于: 2020-12-16 04:57:07        🧑  作者: Mango

历史和Angular的不同版本Angular的第一个版本是Angular1.0(也称为AngularJS)，该版本于2010年发布。但是在这里，我们谈论的是Angular。让我们看看Angular的历史和不同版本。角度2Angular 2.0于2014年10月首次引入。它是对Angular的完全重写，因此2.0版的重大变化在开发人员之间引起了争议。 2015年4月30日，Angular开发人员宣布...

📅  最后修改于: 2020-12-16 04:58:07        🧑  作者: Mango

Angular 7项目设置(创建第一个应用程序)以下是用于创建第一个Angular应用程序的Angular CLI命令。运行以下命令以创建第一个Angular应用。导航到您的第一个应用程序。启动服务器以运行应用程序。您的服务器正在localhost：4200上运行。现在，转到浏览器并打开它。现在，您需要一个IDE来编辑和运行您的应用程序的代码。在这里，我们正在使用WebStorm。打开WebSto...

📅  最后修改于: 2020-12-16 04:59:03        🧑  作者: Mango

Angular 7 App文件说明查看WebStorm IDE上Angular 7应用程序的结构(在IDE上的外观)。对于Angular 7开发，您可以使用Visual Studio Code IDE或WebStorm IDE。两者都很好。在这里，我们正在使用JetBrains WebStorm IDE。Angular 7 App文件夹中使用的文件以下是主要在您的项目中使用的Angular 7 A...

📅  最后修改于: 2020-12-16 05:00:00        🧑  作者: Mango

带有Bootstrap的Angular 7如何安装Angular项目的Bootstrap?在命令提示符处运行以下命令：此外，当您使用通过Angular CLI 6+创建的项目(通过ng v检查)时，将具有angular.json文件而不是.angular-cli.json文件。在该文件中，您仍然需要将Bootstrap添加到styles []数组中，但是路径应为node_modules / boo...

📅  最后修改于: 2020-12-16 05:01:18        🧑  作者: Mango

所有Angular CLI命令Angular CLI是一个命令行界面工具，用于初始化，开发，构建和维护Angular应用程序。您可以直接在命令提示符下使用这些命令，也可以通过交互式UI(即Angular Console)间接使用这些命令。CommandAliasDescriptionaddIt is used to add support for an external library to yo...

📅  最后修改于: 2020-12-16 05:02:21        🧑  作者: Mango

角库建立Angular库是为了解决一般问题，例如呈现统一的用户界面，呈现数据以及允许数据输入。开发人员可以为特定领域创建通用解决方案，以适合在不同应用程序中重复使用。这些解决方案可以作为Angular库构建，并且这些库可以作为npm软件包发布和共享。Angular库是一个有角度的项目，但与Angular应用不同之处在于它不能单独运行。它已导入并在应用程序中使用。Angular库的用法Angular...