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

【问题标题】：Is it possible to change model variable value in view/ HTML in Angular?是否可以在 Angular 中更改视图/ HTML 中的模型变量值？
【发布时间】：2020-03-15 13:12:16
【问题描述】：

我想在我的项目中使用<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>

status 是组件中声明的变量？我会很感激任何想法。

谢谢！

【问题讨论】：

您是否尝试将按钮的样式绑定到是否已加载图像？无论您的确切需求是什么，尽管您不想走您在这里布置的道路。您将在组件中执行该操作，而不是在模板中。
感谢您的回复！如果具有特定 id 的特定组件在中，我确实想在菜单按钮上加下划线。你能给我建议如何做到这一点吗？

标签： angular view binding model ngui

【解决方案1】：

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

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

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

【讨论】：