前沿web开发框架

Angular

Angular 是一个开发平台。它能帮你更轻松的构建 Web 应用。Angular 集声明式模板、依赖注入、端到端工具和一些最佳实践于一身,为你解决开发方面的各种挑战。Angular 为开发者提升构建 Web、手机或桌面应用的能力。

使用Angular 7-8 Renderer2进行DOM操作的示例

2020年05月07日

今天,我想与您分享一个最新发现,停止使用Angular ElementRef直接访问DOM,并选择Angular Renderer2方法来轻松操作DOM。在本文中,我们将介绍为什么最好使用Angular 7 Renderer2,然后我们将通过简单的示例了解如何使用Angular Renderer服务类来操作DOM元素。总览Renderer2类是Angular的即开即用功能,它提供了一种用于在运行时...

如何重更改Angular Material 主题

2020年05月05日

最近在使用Angular 9 Material,默认会让你设置样式,具体有以下几个样式:pink-bluegrey具体样式截图如下:deepurple-amber具体样式截图如下:indigo-pink具体样式截图如下:purple-green具体样式截图如下:具体如何在哪里更改这些样式呢?在angular.json文件下面,有一个styles节点:即可修改具体样式(theme)文件,样式包括如下...

@angular/material/index.d.ts' is not a module

2020年05月05日

最近在开始使用Angular新建项目的时候,出现了如下错误:@angular/material/index.d.ts' is not a module具体截图如下:出现问题的原因:是由于Angular Material升级到9.0之后,不能在以这种方式导入,具体问题改变参考此处:github - '@angular/material/index.d.ts' is not a module #175...

Angular 组件与模块

2019年12月02日

通常组件不会独立存在,而是通过与其他组件协作,完成一个完整的功能特性,在Angular中,这样的功能特性通常会封装到一个模块里。模块是组件之上的一层抽象,组件以及命令、管道、服务、路由等都能通过模块去组织。模块的构成Angular提供了@NgModule装饰器来创建模块,一个应用可以有多个模块,但是只有一个根模块,其他模块叫做特性模块,根模块是启动应用程序的入口模块,根模块必须通过bootstra...

Angular 组件

2019年12月02日

组件装饰类:每个组件都必须用@Component进行装饰才能成为Angular组件。组件元数据:selector、template。模板:每个组件都会关联一个模板,这个模板最终会渲染到页面上,页面这个DOM元素就是此组件实例的宿主元素。组件类:组件实际上也是一个普通的类,组件的逻辑都在组件类里面定义并实现。组件装饰类:@Component是TypeScript的语法,他是一个装饰器,任何一个Ang...

Angular nginx 404解决方案

2019年09月04日

最近把Angular程序部署到服务器,但是通过Url访问,出现404错误,具体如下:解决方案:修改Nginx的配置文件:location / { # First attempt to serve request as file, then # as directory, then redirect to index(angular) if no ...

Angular HttpClient post 提交方式

2019年09月04日

最近由于前后端提交方式不一样,导致一直报错,之后对比了一下,后端使用POST接收数据,前端使用GET提交数据,牛头不对马嘴。修改前端提交方式,在Angular中HttpClient post提交方式如下:getUserIdByEmail(UserId: string): Observable { const body: string = JSON.stringify(UserId); ...

Your global Angular CLI version (8.2.1) is greater than your local version (7.3.8). The local Angular CLI version is used.

2019年09月04日

今天在部署的时候,执行如下命令:ng build --prod出现了如下警告:Your global Angular CLI version (8.2.1) is greater than your local version (7.3.8). The local Angular CLI version is used.您的全局Angular CLI版本(8.2.1)大于本地版本(7.3.8)。 ...