当前位置:  开发笔记 > 编程语言 > 正文

角度2与玉模板

如何解决《角度2与玉模板》经验,为你挑选了1个好方法。

我有一个使用以下技术开发的大型Web应用程序:

webserver:Node.js + Express

模板引擎:玉

css引擎:少

客户端框架:AngularJS(v.1.x)

数据库:MongoDB

我很想切换到Angular 2并使用Angular 2 Universal来利用服务器端渲染.

自从我使用John Papa的风格指南启动项目后,(理论上)升级到Angular 2将不会是一个大问题.

我现在还没有解决的问题是在Angular 2的Component模板中使用Jade.

例:

@Component({
  selector: 'todo-app',
  template: `
    

Todo

{{remaining}} of {{todos.length}} remaining [ archive ] `, directives: [TodoList, TodoForm] })

我想把Jade改成html而不是模板.

你对此有什么建议吗?有人有任何想法吗?



1> tomaszbak..:

使用Webpack raw-loader和jade-html-loader loader:

loaders: [
  { test: /\.jade$/, loader: 'raw!jade-html' },
  // ...
]

你可以做:

@Component({
  selector: 'todo-app',
  template: require('./todo-app.jade'),
  directives: [TodoList, TodoForm]
})


使用Jade时你应该注意http://html2jade.org/正在降低属性的大小写,请参阅https://github.com/donpark/html2jade/issues/102和WebStorm Jade解析器不能使用angular2语法https:/ /youtrack.jetbrains.com/issue/WEB-19625
推荐阅读
黄晓敏3023
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有