我希望在我的项目中使用<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>
状态将是组件中声明的变量的位置?如果有任何想法,我将不胜感激。
谢谢!
发布于 2019-11-19 16:51:17
在notInview组件中,有inview和notInview输出,它允许您知道当某个项出现在视图中或不在视图时。如果只是单个元素,我会将它们绑定到特定的变量,或者通过数组或字典跟踪哪些元素在视图中,而不是在视图中。
<ngui-in-view (inview)="imgVisible = true" (notInview)="imgVisible = false">
<img *ngIf [ngClass]="{'classToShowWhenNotInView': !imgVisible}">
</ngui-in-view>
有关特定组件输出的更多信息可以在这里看到:文档
https://stackoverflow.com/questions/58943829
复制