我建立了一个具有以下文件结构的应用程序:
我正在为此应用程序使用Typescript和Angular2。我在.ts文件上有观察者,当任何更改时, typescript 文件都会自动编译。 .ts文件位于/assets/app
文件夹中,而已转译的.js文件的输出目录是/public应用程序文件。
这工作正常,但是当对任何.html文件进行CRUD处理时,我必须直接在/public/app
文件中编辑这些文件,因为由于它们是.html而不是.ts文件而没有被编译。
我想知道(对于Angular2和Typescript来说是相当新的东西),是否可以在创建和更新html View 文件时自动将它们移到公共(public)文件夹中?
这是我当前的npm命令,它监视NodeJS和.ts文件上的更改:
"start": "concurrently \"tsc -w \" \"nodemon ./bin/www\"",
谢谢
最佳答案
要解决此问题,您可以将HTML文件保存为以下格式:
fileName.html.ts
在此,将您的整个html定义为:
export const html: string= `<div> something </div>`;
要在指令中获取此html,可以将其用作:
import {html} from 'fileName.html'
并代替templateUrl,您应该将template用作:
template: html
有关更多信息,您可以在github上看到this repo
希望这能解决您的问题。