更新角度共享组件中的视图（html）

Question

我有一个共享组件，它被两个模块使用。我的要求是在一个组件的共享组件中隐藏一个输入文本框。 如何处理。

任何输入都会有所帮助。

Answer 1

您可以通过检查路线URL来解决此问题。

 showInputField : boolean = false;
    this.router.url === "/firstModule" ? this.showInputField = true : this.showInputField = false;

在共享组件的ngOnInit()中添加以上行。

我希望它能正常工作

Answer 2

由于共享组件是子组件，因此它可以接受父组件的@input，从您的可重用性和可读性出发，我建议您做这样的事情，

父组件逻辑

<shared-component [showInputBox]="A Boolean Passed from parent compoent"></shared-component>

共享组件逻辑

@input()showInputBox: Boolean
<div *ngIf="showInputBox">
<input />
</div>

希望这会有所帮助，如果我错了，请纠正我。