是否可以在Angular中更改视图/HTML中的模型变量值

Question

我想在我的项目中使用<ngui-in-view>，但不是为了显示或不显示图像，而是为了激活/停用特定按钮的样式。这意味着我只想在视图中出现<ngui-in-view>时更改变量的值：

代替

<ngui-in-view>
<img *ngIf src="https://picsum.photos/800/300.jpg>
</ngui-in-view>

我想使用类似的东西：

<ngui-in-view>
<img *ngIf [code to change variable status]>
</ngui-in-view>

哪里的状态是组件中声明的变量？如果有任何想法，我将不胜感激。

谢谢！

Answer 1

ngui视图中组件输出inview和notInview，使您能够知道项目何时进入视图或不在视图中。如果只是单个元素，我会将它们与特定的变量联系起来，或者通过数组或字典跟踪哪些元素在视图中，哪些元素不在视图中。

<ngui-in-view (inview)="imgVisible = true" (notInview)="imgVisible = false">
<img *ngIf [ngClass]="{'classToShowWhenNotInView': !imgVisible}">
</ngui-in-view>

关于特定组件输出的更多信息可以在这里看到：文档