是否可以在Angular的view / 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

有inview和notInview输出，这是ngui-in-view组件，它使您可以知道项目何时可见或不可见。如果仅是单个元素，我将它们绑定到特定变量，或者通过数组或字典跟踪哪些元素在视图中，而不是在视图中。

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

有关特定组件输出的更多信息，请参见此处：Documentation