Javascript 如何使元素依赖于角度中的数据属性？

我使用的是Angular 11，在模板dom元素中，我使用的是条件

[隐藏]

。有没有办法让它依赖于我在Javascript中通过

div.setAttribute（“data foo”，1）设置的属性

以下示例对我都不适用：



谢谢大家!
 我想我有两个解决方案。您可以使用这两种流行的方式隐藏内容、div或其他控件。

一,。使用
[style.visibility]=“（conditionalboolProperty===true）？“隐藏”：“可见”

二,。最流行的是使用
*ngIf=“conditionalboolProperty”

下面是完整的代码。

TS

import { Component } from '@angular/core';
@Component({
selector: 'my-app',
templateUrl: './app.component.html',
styleUrls: [ './app.component.css' ]
})
export class AppComponent {
name = 'Show and hide en elenment angular';
conditionalboolProperty: boolean = false;
}

HTML:


展示

条件为真
隐藏的

条件错误
使用ngIF隐藏

ngIF条件显示隐藏

注意：请检查此处的代码
我想我有两种解决方案可供您选择。您可以使用这两种流行的方式隐藏内容、div或其他控件。

一,。使用
[style.visibility]=“（conditionalboolProperty===true）？“隐藏”：“可见”

二,。最流行的是使用
*ngIf=“conditionalboolProperty”

下面是完整的代码。

TS

import { Component } from '@angular/core';
@Component({
selector: 'my-app',
templateUrl: './app.component.html',
styleUrls: [ './app.component.css' ]
})
export class AppComponent {
name = 'Show and hide en elenment angular';
conditionalboolProperty: boolean = false;
}

HTML:


展示

条件为真
隐藏的

条件错误
使用ngIF隐藏

ngIF条件显示隐藏

注意：请检查这里的代码