时间戳

首页 > 解决方案 > 如何使用Angular Js从不同的位置（文件）设置自定义变量

html - 如何使用Angular Js从不同的位置（文件）设置自定义变量

问题描述

我正在使用 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 部分再次设置为隐藏）？

标签： htmlangulartypescript

解决方案

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

  1. 当您启动此值时，您可以在服务中调用设置值，并且当您需要使用 observable 调用获取用户服务时，rxjs

推荐阅读