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

Question

我想在我的项目中使用 <ngui-in-view> 但不是为了显示或不显示图像而是为了 activate/deactivate 特定按钮的样式。这意味着我只想在 <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>

其中 status 是在组件中声明的变量？如果有任何想法，我将不胜感激。

谢谢！

Answer 1

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

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

可以在此处查看有关特定组件输出的更多信息：Documentation

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

Is it possible to change model variable value in view/ HTML in Angular?

angular

view

binding

model

ngui