如何在角度中使用 *ngif 来更改 div 类
我需要根据某些条件更改div的类。我如何使用*ngif来实现这一点？我使用在我的模板中正常工作的这段代码。
<div *ngIf="quickSearchTypeOptionConfigId && isGridReady" class="col-md-4 m-auto">
但是我在这个div上面有一个div，它目前是
<div class="col-md-8 m-auto">
我需要的是if*ngIF="快速搜索类型选项配置
<div class="col-md-8 m-auto">
其他
<div class="col-md-12 m-auto">
有没有办法做到这一点，然后做 2 *ngif的
共有3个答案
您可以使用 ngClass 属性来检查条件并根据结果分配 CSS 类。
<div [ngClass]="{[quickSearchTypeOptionConfigId && isGridReady] ? 'col-md-8 m-auto' : 'col-md-12 m-auto'"}"></div>
您必须这样使用ngClass：[ngClass]=“[quickSearchTypeOptionConfigId
这应该对您有用< code >[ng class]= "(quickSearchTypeOptionConfigId
-
只是一个简单的问题。 让我们将这段代码作为IE： 是 NgIf 内的内容呈现然后从页面中隐藏，还是角度“知道”此 div 不会显示，因此甚至不渲染其中的内容？
-
嗨，我一直在尝试使用ngIF和ngFor过滤数组，并取得了一些成功。 此代码仅为类型=1的数据显示带有名称的按钮，但它也为每个没有类型=1的数据条目创建空按钮，我不知道如何摆脱空按钮。非常感谢任何帮助。
-
问题内容： Angular文档关于说： 注意：完成此服务后，必须显式销毁此服务创建的间隔。 但这并没有说明如何破坏$ interval。 例如，如果我有一个包含以下代码的指令： 例如，当用户更改页面时，如何销毁它？ 问题答案： 每当用户更改页面时，与路由控制器关联的范围（在下面的示例中）将被发送一个event。你可以说在一个侦听器事件：
-
如果我尝试选择存在于ngIF指令中的DOM元素，则该元素为空。如果我删除ngIF，那么我可以选择它。 组件模板中的代码，未找到div： 去掉*ngIf和外部报告div的内容。 ngAfterViewInit是否在数据返回之前运行以确定ngIF发生了什么？我希望ngIF首先运行，而ngAfterViewInit是最后运行的东西。 注意：groupedPatchGroups 值在 ngOnInit 中
-
我想复制这家伙做的但不使用画布。我想有一个div在我的页面的中心，并简单地增加宽度/高度/边界半径10px每秒。这工作得很好，但是由于某种原因，div越大，它向右下方移动的越多。圆圈不是静止不动的，它的中心位置随着它变大而改变。如何在不改变位置的情况下更改div的宽度/高度？ main.css index.html APP咖啡
-
在本例中，我使用Angular并希望使用（从版本4开始可用）： 如何使用实现相同的行为？