“2020年5月”存档文章有39 篇
Angular 父组件向子组件传值
2020/5/23 14:57:02
最近有一个需求：在Angular里面，父组件向子组件传值。子组件代码如下：component-interaction/src/app/hero-parent.component.tsimport { Component } from '@angular/core'; import { HEROES } from './hero'; @Component({ selector: '...
更改input placeholder颜色
2020/5/21 16:09:04
最近需要更改一个input的placeholder的颜色，具体实现如下：<input type="text" placeholder="A red placeholder text..">具体CSS内容如下：::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: red; opacity: 1; /* Fire...
mat-expansion-panel *ngfor [ngClass]的处理
2020/5/19 16:39:15
最近在使用Angular Material 的<mat-expansion-panel>展示数据，使用*ngFor批量显示数据，但是在点击展开面板的时候，低下所有的<mat-expansion-panel>都使用了相同的样式，这样肯定不是我要的结果。下面是示例代码：<mat-accordion *ngFor="let item of sub"> <mat-expansion-panel (ope...
inmemorydbservice multiple collection
2020/5/19 15:14:57
在Angular中使用angular-in-memory-web-api，做后台数据模拟，单个数据集合具体用法可以参考这篇文章：使用Angular in-memory-web-api 无任何数据，在此处不多说。但是如果angular-in-memory-web-api有多个数据集合，应该如何处理呢？可以这样处理，具体代码如下：createDb() { let heroes = [ .. ];...
TSLint: object access via string literals is disallowed(no-string-literal)
2020/5/18 18:10:18
最近在使用Typescript编码的时候出现了如下错误提示：TSLint: object access via string literals is disallowed(no-string-literal)禁止通过字符串访问对象。错误代码：this.phoneNumber = this._activateRoute.snapshot.params['phone_number'];解决方案：1、禁...
Angular clipboard
2020/5/15 10:56:57
这篇文章详细的讲解了angular clipboard的使用方法，文章地址：Use the new Angular Clipboard CDK to interact with the clipboard
TSLint : variable name must be in camelcase or uppercase
2020/5/15 9:47:07
最近在使用下划线命名的时候出现了如下错误：TSLint : variable name must be in camelcase or uppercase解决方案：修改tslint.json文件，找到rules下面的variable-name数组，增加：allow-leading-underscore ，来解决此问题。// tslint.json contents { // ... ...