角度2与玉模板

发布时间：2020-12-17 07:09:32 所属栏目：安全来源：网络整理

导读：我有一个使用以下技术开发的大型Web应用程序： webserver：Node.js Express 模板引擎：玉 css引擎：少客户端框架：AngularJS(v.1.x) 数据库：MongoDB 我很想切换到Angular 2并使用Angular 2 Universal来利用服务器端渲染. 自从我使用John Papa的风格指南启

我有一个使用以下技术开发的大型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-loader和 jade-html-loader加载程序：

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

你可以做：

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!