首页 > TAG信息列表 > angular7

angular7中使用jsonViewer

场景：后端返回的数据是一个json串，要求页面上的展示结果，跟咱们平时在json 在线解析时候看到的格式是一样的。 解决方案： angular 中使用jsonviewer 插件 步骤： 1、下载json viewer插件， https://www.npmjs.com/package/@gofynd/angular-json-viewer 2、angular 模块中引入 import

angular7中关于登录路由守卫

创建文件 auth.guard.ts import { Injectable } from '@angular/core'; import { CanActivate, ActivatedRouteSnapshot, RouterStateSnapshot, Router } from '@angular/router'; import { Observable } from 'rxjs'; import { StoreService } fro

Angular7 HttpClient处理多个请求

1. MergeMap - 串联请求 后一个请求需要前一个请求的返回结果时，需要使用串联请求。 可以使用MergeMap实现， 优势是减少嵌套，优化代码； 代码如下: import {HttpClient} from '@angular/common/http'; import {mergeMap} from 'rxjs'; @Component({ ... }) export class Htt

javascript-Angular 7“预期’样式’为字符串数组”

我正在尝试运行服务器,并在localhost：8000上加载app.component.html.相反,我收到此错误 compiler.js:7992 Uncaught Error: Expected ‘styles’ to be an array of strings. at assertArrayOfStrings (compiler.js:7992) at >CompileMetadataResolver.push../node_modu

javascript-如何在现有的html文件和网站中包含Angular 7应用程序？

我一方面有一个现有的网站,另一方面我有一个Angular 7应用程序组件. 我想编辑我现有的someusecase.html并重复使用Angular 7应用程序,例如 <html lang="en"> <head> <meta charset="utf-8"> <title>How to import Angular 7 App?</title> &

angular7新特性

Angular 是最流行的 Web 应用程序开发框架之一。随着 Angular 7 的发布，它为 Web 开发人员带来了更多功能，包括核心框架、Angular Material、与主要版本保持同步的 CLI 和 工具 链，并且还有了几个主要合作伙伴。 依赖更新TypeScript 3.1       在使用 Angular 7 时，必须使用 Typ

angular7中常见细节使用

Angular中修改第三方组件的样式 ::ng-deep img width 100% height 100% border 1px solid red 请求本地json文件数据 login.component.ts getVirtualFactoryList() { this.http.doGet('assets/mock/x.json').subscribe((data: any) => { this

angular7+ngzorro项目实战问题

ngzorro的nzWidth无效 .ant-table-thead > tr > th, .ant-table-tbody > tr > td padding 8px 6px text-align center border-right .1em solid #eee color #444 word-break break-all // 需要添加折行操作 使用Select 标签时候，遇到 默认值初始化失

angular7项目部署刷新404问题

在将angular项目做完之后打包部署之后，当更改url或者刷新的时候报错404问题： 第一种解决方法： app.module.ts文件添加两行代码： import { LocationStrategy, HashLocationStrategy } from '@angular/common'; @NgModule({ providers: [ { provide: LocationStrate

angular7的多环境（开发环境、测试环境、生产环境）配置

在angular程序开发的时候，我们一般会使用三种环境，比如：开发环境、测试环境、生产环境。针对不同的环境使用不同的代码，比如接口地址。 配置开发环境、测试环境、生产环境 开发环境：environment.ts——用于程序开发 （创建项目时自动生成） export const environment = { productio

angular7——ng-template、ng-content、ng-container

一、ng-content ng-content是内容映射指令(也叫内容嵌入)，相当于vue中的slot内容分发，内容映射指的是在组件中嵌入模板代码，方便定制可复用的组件，很好地扩充组件的功能，方便代码的复用。 使用方法：https://blog.csdn.net/yw00yw/article/details/90175624 ng-content相当于一个

angular7中模板驱动型表单的基本使用

模板驱动表单实例 ngForm 在angular应用中，会自动的添加到每个表单，NgForm隐式的创建了一个FormGroup类的实例 ngForm可以被一个模板本地变量引用，以便在模板中访问ngForm对象的实例。 ngModel同样也可以被模板本地变量引用，代表一个formControl对象的实例。 NgModelGroup:代表

angular7响应式表单基本使用

案例1： **使用响应式表单需要在app.module.ts中引入ReactiveFormsModule ** import { ReactiveFormsModule } from '@angular/forms'; <form [formGroup]="formModel" (ngSubmit)="onSubmit()"> <div formGroupName="dateRange">

angular7中响应式表单校验

响应式表单校验（angular自带校验和自定义校验规则） import { Component, OnInit } from '@angular/core'; import { FormBuilder, Validators, FormControl, FormGroup } from '@angular/forms'; import { fbind } from 'q'; @Component({ selector: 'app-

angular7表单的状态字段

touched 和 untouched 访问过和未访问过，获得焦点或者未获得焦点 <div> 用户名：<input type="text" formControlName="username"> </div> // 检验通过和第一次不显示 <div [hidden]="formModel.get('username').valid || formModel.get('use

Angular7和leaflet一起使用时的作用域不一致

Angular7和leaflet一起使用时的作用域不一致问题，使用(e) =>可以完美解决。 使用原始的JavaScript: map.on("click", function (event) { console.log(e); }); 使用TypeScript: this.map.on('click', (e) => { this.onMapClick(e) }); onMapClick(e) {

Angular7里面实现 debounce search

项目需求： 　　全局搜索 + 防抖 提高性能 技术： 　　[(ngModel)]  [(ngModelChange)]  Rxjs( Subject) 代码展示：  // html <input type="text" placeholder="Search" [(ngModel)]="globalSearchContent" (ngModelChange)="globalSearch()"> //

c# – Angular 7到dotnetcore 2.1 web api调用没有响应

以下是login.component.ts的代码, login() { const val = this.form.value; if (val.email && val.password) { this.authService.login(val.email, val.password) .subscribe( data => { if (data && data.Token) { // store

在angular7中创建组件/自定义指令/管道

在angular7中创建组件/自定义指令/管道 组件 使用命令创建组件 创建组件的命令：ng generate component 组件名 生成的组件组成： 组件名.html 、组件名.ts、组件名.less、组件名.spec.ts 在组件的控制器 @Component({ selector: 'app-heroes', templateUrl: './heroes.component

Angular7 表单

 Angular 表单 input、checkbox、radio、 select、 textarea 实现在线预约功能   html 文件 <h2>人员登记系统</h2><div class="people_list"> <ul> <li>姓 名：<input type="text" id="username" [(ngModel)]="peopleInfo.u

Angular7

1.自定义html 　　在ts里面自定义一个html变量 html = '<a> 这是html变量 </a> '; 　　在html打印出来 直接打印：{{html}} <br /> 格式化为html显示的网页内容：<span [innerHtml]='html'></span>  

2019年Angular7——安装搭建路由

  Angular 中文官方：https://www.angular.cn/   为什么要看Angular?我也不知道，因为公司有个Angular的项目要维护。听说Angular的版本已经到7了。以前没怎么玩过这个。所以重头开始尝试。还有，我搜了下，最新的angular7搭建的教程很少（是没有） 打开菜鸟教程找Angular的入门教程，不知道为