输出到另一个目录

Question

我构建了一个具有以下文件结构的应用程序：

我在这个应用程序中使用Typescript和Angular2。我在.ts文件上有观察者，当有任何变化时，会自动编译打字稿文件。 .ts文件位于/assets/app文件夹中，转换后的.js文件的输出目录是/ public app文件。

这工作正常但是当CRUD'ing任何.html文件时，我必须直接在/public/app文件中编辑这些文件，因为它们不会因为.html而不是.ts文件而被编译。

我想知道（对Angular2和Typescript来说还是新手）是否有任何方法让html视图文件在创建和更新时自动移动到公共文件夹？

这是我当前的npm命令，它监视NodeJS和.ts文件的更改：

"start": "concurrently \"tsc -w \"  \"nodemon ./bin/www\"",

由于

Answer 1

要解决此问题，您可以按以下格式保存html文件：

fileName.html.ts

在此，将整个html定义为：

export const html: string= `<div> something </div>`;

要在指令中获取此html，您可以将其用作：

import {html} from 'fileName.html'

代替templateUrl，您应该使用模板：

template: html

有关详细信息，请参阅github上的this repo

希望这能解决您的问题。