Angular
Angular
GllWyz
你所见即我,好与坏都不反驳
展开
-
Angular-动态绑定class/style
一、CLASS/ngClass,效果都是一样的(1)三目运算<span [class]="index === 0? 'specBlue' : 'specRed'"></span>(2)对象<span [class]='objClass'></span>objClass={ 'classBlue': true, 'classRed': false }(3)数组<span [class]="['classBlue','classRed'原创 2021-05-10 16:37:06 · 6718 阅读 · 0 评论 -
Angular-管道/过滤器
angular的管道总体来说可以分为两种:1、angular自带的管道,地址:https://angular.cn/api/common#pipes2、自定义管道使用方法:(1)管道过滤体import { Pipe, PipeTransform } from '@angular/core'// 使用的过程中要使用到name字段@Pipe({ name: 'pipeNameChange' })export class pipeExport implements PipeTransform{原创 2021-05-08 16:50:38 · 342 阅读 · 0 评论 -
Angular-父子之间传值
1、父—子父组件传出:html文件 在父组件中引用子组件<app-test-child [name]=name></app-test-child>ts 文件public name = 'wyzTestValue'子组件接受:// 引用必要模块,这里简写了,使用的时候根据实际情况进行模块的引用import { SimpleChanges, Input } from 'angular/core'// 接受父组件传过来的数据@Input() name:string原创 2021-04-13 16:19:37 · 231 阅读 · 0 评论 -
Angular-@Component({})的理解
一、指定组件的CSS选择器即对:@Component({selector:‘app-hello-world’})的理解每个组件都需要一个css选择器,选择器会告诉Angular:当模板HTML中找到相应的标签时,就把该组件实例化在那里,例如,考虑一个组件hello-world.component.ts,它的选择器定义为app-hello-world,当出现在模板中时,这个选择器就会让Angular实例化该组件二、定义一个组件的模板定义组件的模板有两种方式:外部引用或写在组件内部(1)定义为外部组件原创 2021-02-19 17:08:17 · 719 阅读 · 1 评论 -
Angular - constructor的理解
之前一直在写vue,然后就直接转到了angular项目,写angular代码的时候有过两个想法有关于constructor(1)constructor的用作是不是用于本组件的私有化?(2)constructor和ngOninit都可以进行赋值,区别是什么?然后今天有时间来看文档了,对上面的疑问解答一、constructor的作用官方术语: 多个服务实例化(沙箱式隔离)解释: 在组件树的同一级别上,有时需要一个服务的多个实例。每个组件都需要该服务的单独实例,每个服务都有自己的工作状态,与其他组件和原创 2021-04-09 15:28:55 · 3223 阅读 · 0 评论