我建立了一个具有以下文件结构的应用程序:
我正在为此应用程序使用Typescript和Angular2。我对.ts文件有观察者,当任何更改时,打字稿文件都会自动编译。.ts文件位于/assets/app
文件夹中,而已转译的.js文件的输出目录是/ public应用程序文件。
这很好用,但是当对任何.html文件进行CRUD处理时,我必须直接在/public/app
文件中编辑这些文件,因为由于它们是.html而不是.ts文件而没有被转译。
我想知道(对于Angular2和Typescript来说是相当新的东西),是否可以在创建和更新html视图文件时将它们自动移到公共文件夹中?
这是我当前的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上查看此仓库
希望这能解决您的问题。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句