Javascript Angular 使用不同 .ts 文件中的代码

标签 javascript angular

我正在开发一个 Angular4 项目,并且在我的 app.component.ts 上创建了一个过滤器,目前我正在我的 app.component.html 上使用它>.

<button (click)="filterBy('cars')">Cars</button>

这在此文件中工作正常,因为我想在我的 nav.component.html 上使用相同的过滤器,但我想避免在 nav 上再次重新创建过滤器代码。组件.ts

有没有办法在我的 app.component.ts 中的 nav.component.html 上使用此过滤器?

最佳答案

将您创建的过滤器代码迁移到一些新的 .ts 文件中。使用 import {ClassName} from file.ts 语法将此文件导入到您的 app.component 和其他组件中,然后轻松在组件 html 代码中实现它

关于Javascript Angular 使用不同 .ts 文件中的代码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44196732/

相关文章:

javascript - 使标题行不可点击(不突出显示)标题

angular - 在 Angular2 应用程序中使用 Docker 环境变量

javascript - 如何使用 Javascript 触发 CSS "hover state"?

javascript - 在我的 Mini mac 文本编辑器中,我只想要一个文本编辑器

javascript - Angular 4 禁用的 FormControl 不会检查或显示验证错误

angular - 使用 Ionic 4 和 Electron Desktop 将文件保存在文件夹中

php - CORS 预检 channel 未成功。仅在 Firefox 中。 Chrome 工作正常

angular - Ionic3 找不到管道 'translate'

javascript - 轻量级 Bug 报告 javascript 表单?

javascript - Onclick 事件之后的 Mousemove 事件