两个 component.ts 文件指向同一个 component.html 文件

Question

我正在尝试将first.component.ts文件中的函数拆分到另一个second.component.ts文件中，使其更具可读性。

我从两个 ts 文件中指向相同的 component.html 文件，如下所示：

第一个组件.ts

@Component({
  selector: 'first-component',
  templateUrl: './main.component.html',
  styleUrls: ['./main.component.scss'],
})

第二个组件.ts

@Component({
  selector: 'second-component',
  templateUrl: './main.component.html',
  styleUrls: ['./main.component.scss'],
})

通过这样做，我得到的错误是第二个组件中的函数在第一个组件中缺失，反之亦然。这是因为当我使用 HTML 中的函数时，它们会在两个 .ts 文件中检查它们。

我可以做什么来防止这种情况发生？

Answer 1

这是两个独立的组件。

仅仅因为您声明相同的模板并不意味着它将它们合并为一个模板。

如果您想拆分代码以提高可读性，请使用 Anguar 功能来实现：服务、指令、管道、输入/输出...

Answer 2

我也有同样的问题，你能帮我吗