首页 > TAG信息列表 > Angular6

angular6的响应式表单

1：在AppModule模块里面引入 ReactiveFormsModule 要使用响应式表单，就要从@angular/forms包中导入ReactiveFormsModule，并把它添加到你的NgModule的imports数组中。 import { ReactiveFormsModule } from '@angular/forms'; @NgModule({ imports: [ // other imports ...

javascript-装饰器不支持Angular 6 Prod Function调用,但已调用“ ..Module”

尝试使用angular2-json-schema-form&时出现此错误内置产品 ERROR in Error during template compile of ‘DemoModule’ Function calls are not supported in decorators but ‘JsonSchemaFormModule’ was called. I found out that the the error comes from: @NgMod

Angular 6中组件之间共享逻辑时,如何使用合成而不是继承？

我在Angular中有一个结构如下的模块： moduleName componentA componentB 现在componentA和componentB非常相似,因为它们共享一些属性和方法,例如： protected available: boolean = true; 因为不想重复自己,所以我创建了一个基类,用于存储所有这些内容： export abstract c

javascript-在angular 6中制作动态可配置表的最佳方法是什么？

谁能建议在网站上制作动态表格的最佳方法？我希望该表是可配置的.解决方法:这是我写的表格组件 https://stackblitz.com/edit/angular-xdn6nq 要使用它,您可以给它一个数据数组和一个TableConfig对象. <app-table [data]="data" [config]="tableConfig"></app-table> 表配置对象具

javascript – angular 6依赖注入

在Angular 6的最新版本中,使用服务元数据中的providedIn属性在模块中注册服务： @Injectable({ providedIn: 'root', }) export class HeroService {} 但是,文档仍然指的是在模块元数据中的模块提供程序数组中注册服务,就像我们在Angular 5中所做的那样： @NgModule({ providers

javascript – 如何使用angular 6 Route Auth Guards用于所有路由的Root和Child路由？

如何使用angular 6 Route Auth Guards用于所有路由Root和Child Routes？解决方法:1)[创建警卫,文件名就像auth.guard.ts] ng generate guard auth import { Injectable } from '@angular/core'; import { CanActivate, ActivatedRouteSnapshot, RouterStateSnapshot } from '@an

无法解码下载的字体,使用nginx部署的Angular 6应用程序上的OTS打包错误

我在ngnix上部署了具有以下结构的角度dist文件夹.但得到解码下载字体失败：host / rfid / fontawesome-webfont.af7ae505a9eed503f8b8.woff2？v = 4.7.0; OTS解析错误：无效的版本标记错误. 这是我如何包含字体 – 真棒. 的package.json "dependencies": { ------- "font-awesome": "^4.

javascript – 带有凭据的Angular 6 httpClient帖子

我有一些代码发布一些数据来创建数据记录. 它在服务中： 这是代码： import { Injectable } from '@angular/core'; import { HttpClient, HttpHeaders } from '@angular/common/http'; const httpOptions = { headers: new HttpHeaders({ 'Content-Type': 'applicat

javascript – 从Angular2中的JSON文件中获取特定列

现在,当我必须使用在线JSON文件时,我正在开发一个Angular2项目.我使用了http.get但我得到了所有文件,我只想要第二列和第三列,first_name和last_name. 这是JSON文件> http://alexgr.ro/ehealth/patients.json 这是我的代码 admin1.component.ts我要显示日期 import { Component }

angular6 根据路由判断是否显示头部和底部

private router: Router, // 不显示底部的页面数组 hideFooterPage: Array<any> = [ '/spot/trade', '/contract/trade', '/bxa' ]; // 不显示头部的页面数组 hideHeaderPage: Array<any> = [ '/bxa' ]; /** * 是否隐藏 底部 or 头部 */ hideFoo

c# – 从角度前端阻止的WebApi2跨源请求

Angular WebApp： http://localhost:57729/ VS 2017, Core 2.1 API： http://localhost:3554 VS 2017, .Net 4.6 我正在进入cors问题,一直在实施不同的解决方案,到目前为止还没有成功.在这种情况下,不会发生身份验证.我有测试API控制器,它有一个返回OK响应的get方法. 直接执行测试

angular6 表单验证

这里使用的是模型驱动的表单 1、app.module.ts import { ReactiveFormsModule } from '@angular/forms'; @NgModule({ ... imports: [ReactiveFormsModule, ...], ...})export class AppModule{} 文件中加入了ReactiveFormsModule模块，它是使用模型驱动表单所必须的。   2、ap

angular6 使用tooltip

准备 为了使用tooltip，可以安装ng-bootstrap组件，它包含两个依赖： angular：5.0以上版本； bootstrap css： 4.0版本。 安装好bootstrap之后，更新angular.json文件 "styles": [ "node_modules/bootstrap/dist/css/bootstrap.min.css"] 需要注意的是只能引入css文件，不能引入其他的js依赖，

angular6 导出Excel文件

1、安装file-saver、@types/file-saver和xlsx   npm install file-saver --savenpm install @types/file-saver --save-devnpm install xlsx --save   2、html文件加入导出按钮   <button type="button" class="btn btn-sm btn-success left-small-interval" (cli

angular6 页面加载数据时的loading提示

使用npm安装ngx-loading模块 npm install --save ngx-loading   在app.module.ts中导入模块 import { BrowserModule } from '@angular/platform-browser';import { NgModule } from '@angular/core';import { NgxLoadingModule } from 'ngx-loading';@N

angular6 使用 UMeditor

https://github.com/cipchk/ngx-umeditor

Angular6.x 实战开发总结

         最近的一段时间，撸了一些前端的东西，对于前端开发有了一些新的认识，下面主要针对Angular(主要是2.0以后的版本)这个开发框架来对前端的知识点进行一些简单的总结: 1. 实现返回功能： private goBack() { this.router.navigate(["../controllerinfo"], { re

angular6开发不完全笔记（一）

新建项目 请在终端/控制台窗口中运行 ng -v 命令。 确定您已安装@angular/cli if没有执行 npm install -g @angular/cli 全局安装 Angular CLI。 ng new project-name 就具体项目开发前调研技术栈追加相关参数 样式style 如 --style=scss value值可以是（css | scss | sass | less

angular6-service

文章目录1.为什么创建服务2.创建服务 1.为什么创建服务 组件不应直接获取或保存数据，并且它们不应故意呈现假数据。他们应该专注于呈现数据并委托对服务的数据访问。 2.创建服务 使用angular CLI命令行创建一个名叫hero的服务 ng generate service hero //简写 ng g s hero 该

Angular6 项目开发常用时间组件服务

一、利用Angular 命令行工具生成一个服务。 　　详情见：《Angular环境搭建》，服务代码如下： 1 import { Injectable } from '@angular/core'; 2 3 @Injectable({ 4 providedIn: 'root' 5 }) 6 export class TimeutilProvider { 7 8 private today: Date; 9 private