我使用express服务器和角度客户端。我使用玉来编写快速模板,代码非常干净。Angular模板使用非HTML语言
例如,在index.jade
html
head
title!= title
body
h1!= message
然后我就可以编译玉文件转换成HTML文件
app.get('/', function (req, res) {
res.render('index', { title: 'Hey', message: 'Hello there!'});
});
现在我把一些逻辑到客户端,以防止页面加载。缺点是角模板和普通的html代码一样冗长。文件很快就会变得漫长而杂乱。
例如,在我的个人资料模板,我有这个
<div class="my-panel-body">
<table class="my-table">
<!--email-->
<tr>
<th>Email</th>
<td>{{entity.email}}</td>
</tr>
<!--gender-->
<tr>
<th>Gender</th>
<td>{{entity.meta.gender}}</td>
</tr>
<!--dob-->
<tr>
<th>Date of Birth</th>
<td>{{entity.meta.dob}}</td>
</tr>
<!--country-->
<tr>
<th>Country</th>
<td>{{entity.meta.country}}</td>
</tr>
<!--city-->
<tr>
<th>City</th>
<td>{{entity.meta.city}}</td>
</tr>
<!--status-->
<tr>
<th>Status</th>
<td>{{entity.meta.status}}</td>
</tr>
这将是巨大的,如果我能写的东西像
div
table
head
tr
th Date of Birth
td {{entity.dob}}
tr
th Email
td {{entity.email}}
它不必是玉。只要它的干净和短小,我就可以使用任何语言
你试过吗?你是否遇到某种错误? – Agop
你测试了你发布的例子吗?为什么它不工作? – Claies