- 2023-12-08无涯教程-Angular7 - 测试和构建
本章将讨论以下内容-ToTestAngular7ProjectToBuildAngular7Project测试Angular7项目在项目设置过程中,已经安装了所需的测试软件包。为每个新组件,服务,指令等创建一个.spec.ts文件。要运行测试用例,使用的命令如下-ngtest以下是app.component.ts的app.componen
- 2023-12-08无涯教程-Angular7 - Materials模块
Materials为您的项目提供了许多内置模块。autocomplete,datepicker,slider,menus,grids和toolbar等函数。要使用Materials,我们需要导入包装。Angular2也具有上述所有函数,但可以作为@angular/core模块的一部分使用。从Angular4开始,Materials模块提供了一个单独的模块@angular/mat
- 2023-12-08无涯教程-Angular7 - 动画效果
Animations在html元素之间增加了很多交互,Angular2可以使用动画,从Angular4开始,动画不再是@angular/core库的一部分,而是一个单独的程序包,需要将其导入app.module.ts中。首先,我们需要使用下面的代码行导入库-import{BrowserAnimationsModule}from'@angular/platform-browse
- 2023-12-08无涯教程-Angular7 - Http Client
HttpClient将帮助我们提供POST,GET相关方法,使用时需要导入http模块。我们需要将模块导入app.module.ts中,如下所示-import{BrowserModule}from'@angular/platform-browser';import{NgModule}from'@angular/core';import{AppRoutingModule,RoutingComponent}from
- 2023-12-08无涯教程-Angular7 - 路由(Routing)
路由(Routing)基本上意味着在页面之间导航,现在让我们创建一个组件,看看如何在其上使用路由。如下所示-app.module.tsimport{BrowserModule}from'@angular/platform-browser';import{NgModule}from'@angular/core';import{AppRoutingModule}from'./app-routin
- 2023-12-08无涯教程-Angular7 - 事件绑定
在本章中,无涯教程将讨论事件绑定在Angular7中的工作方式,当用户以键盘移动,鼠标单击或鼠标悬停的形式与应用程序交互时,它将生成一个事件。需要处理这些事件以执行某种操作,让无涯教程考虑一个示例以更好地理解这一点。app.component.html<!--Thecontentbelowisonlyaplace
- 2023-12-07无涯教程-Angular7 - 简介
Angular7是一个开放源代码JavaScript框架,用于在JavaScript, html 和Typescript(JavaScript的超集)中构建Web应用程序和应用程序。Angular为animation,httpservice和materials提供了内置功能,这些功能又具有auto-complete,naigation,toolbar,menus等功能。代码以Typescript编写