如何使用Angular Js从不同的loaction（file）设置自定义变量

Question

我正在使用Angular 6，并且看到home.component.ts文件变量是在开头定义的：public hasResults = false;

然后在home.component.html文件中-用于显示的部分：

<span style="padding-left:5px" [hidden]="hasResults">
    <ang-shortcut-display></ang-shortcut-display>
</span>

（一旦hasResults不再为False，它将显示该部分）。

现在，我需要对主屏幕按钮进行操作以再次隐藏该部分（我假设再次将hasResults设置为False）。

例如，如何在以下情况下再次将变量hasResults设置为False：有人点击“主页”按钮。

到目前为止，我发现按下“主页”按钮后的操作位于home.component.ts

homeRouteAction() {
    \\ set hasResults to false
}

但是不确定hasResults当时是否可见，以及如何正确地将其设置为false（传递值），以便可以更改值（并在html部分上方设置为再次隐藏）？

Answer 1

为此，您有两件事可以在服务中传递此值或维护本地存储，

1. 初始化该值时，您可以在服务中调用设置值，并且在需要使用可观察的rxjs调用获取用户服务时

Answer 2

您可以在home.component.ts

中设置一个方法

setResults () {
    this.hasResults=false;
  }

然后在home.component.html中调用传播方法

(click)="setResults()"

例如：

<a href="home" (click)="setResults()">Home</a>