前端学习（2335）：angular之内置结构指令ngif

child.html

<p>child4 works!</p><div class="us">我是歌谣</div>
<div [ngClass]="currentClass" class="col">我是歌谣</div><div *ngIf="true">aaaa</div>
<div *ngIf="false">bbbbb</div>

child.ts

import { Component, OnInit } from '@angular/core';@Component({selector: 'app-child4',templateUrl: './child4.component.html',styleUrls: ['./child4.component.css']
})
export class Child4Component implements OnInit {
currentClass(){}constructor() { }ngOnInit(): void {this.currentClass={col:true}}}

运行结果

前端学习（2335）：angular之内置结构指令ngif相关推荐

前端学习（2334）：angular之内置属性指令ngclass
child.html <p>child4 works!</p><div class="us">我是歌谣</div> <div ...
多线程学习笔记一之内置锁
目录多线程的概念创建线程线程状态 synchronized同步锁 volatile 多线程的概念什么是多线程操作系统在运行程序时,就会为其创建一个进程,我们可以把进程理解为"运 ...
web前端学习笔记:电商网站结构搭建与基础区块制作
思维导图 1.站点结构搭建项目背景前端开发工程师的主要任务就是将UI设计图以网页.app.小程序等前端界面呈现给用户的过程. 对于大部分前端初学者来说,直接开始写代码其实是错误的学习步骤,在企业实 ...
前端学习（1556）：ng-blnd指令
<!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8" ...
前端学习（1555）：ng-app指令
<!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8" ...
前端学习之JavaScript——内置对象
1. 内置对象 JavaScript 中的对象分为3种:自定义对象 .内置对象. 浏览器对象前面两种对象是JS 基础内容,属于 ECMAScript: 第三个浏览器对象属于我们JS 独有的内置对 ...
前端学习（2607）：vue指令
前端学习（2549)：模板解析指令
前端学习（2524）：自定义指令（钩子函数）

前端学习（2335）：angular之内置结构指令ngif

前端学习（2335）：angular之内置结构指令ngif相关推荐

最新文章

热门文章