角度2与玉模板

前端之家收集整理的这篇文章主要介绍了角度2与玉模板前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个使用以下技术开发的大型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: `
    <h2>Todo</h2>
    <span>{{remaining}} of {{todos.length}} remaining</span>
    [ <a href="javascript: false" (click)="archive()">archive</a> ]
    <todo-list [todos]="todos"></todo-list>
    <todo-form (newTask)="addTask($event)"></todo-form>`,directives: [TodoList,TodoForm]
})

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

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

解决方法

使用Webpack raw-loaderjade-html-loader加载程序:

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

你可以做:

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

猜你在找的Angularjs相关文章