在Angular 7中导入html-/ts-file

在Angular 7中，可以使用以下方式导入HTML和TS文件：

1. 导入HTML文件： 在Angular 7中，可以使用ng-template指令来导入HTML文件。ng-template是Angular的一个内置指令，用于定义可重用的模板片段。

示例代码：

<ng-template #myTemplate>
  <h1>Hello, World!</h1>
</ng-template>

在上述示例中，我们定义了一个名为myTemplate的模板片段，其中包含一个<h1>标签。

1. 导入TS文件： 在Angular 7中，可以使用ES6的模块导入语法来导入TS文件。通过导入TS文件，可以在组件中使用该文件中定义的类、函数、变量等。

示例代码：

import { MyClass } from './my-file.ts';

在上述示例中，我们使用import关键字导入了名为MyClass的类，该类定义在my-file.ts文件中。

需要注意的是，导入的TS文件必须是经过编译后的JavaScript文件（.js文件），因为浏览器无法直接运行TS文件。

总结： 在Angular 7中，可以使用ng-template指令导入HTML文件，使用ES6的模块导入语法导入TS文件。这些功能使得在Angular应用中导入HTML和TS文件变得更加灵活和方便。

推荐的腾讯云相关产品和产品介绍链接地址：

• 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 腾讯云云函数（SCF）：https://cloud.tencent.com/product/scf
• 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
• 腾讯云数据库（TencentDB）：https://cloud.tencent.com/product/cdb
• 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai