Backbone JS + Handlebars JS - 如何基于css添​​加图像

Question

我有一个骨干应用程序，我想在其中显示“home”-link作为图标。我正在使用HandlebarsJS，所以我真的不知道如何实现这一目标。

我想用这个：

<span class="font-entypo icon-home"></span>

然后在我的CSS中我会这样做：

span.font-entypo.icon-home:before{content:'\2302'};

基本上我的菜单看起来像这样：

<a href="home"><span class="font-entypo icon-home"></span></a>
<a href="page1">page1</a>
<a href="page2">page2</a>
<a href="page3">page3</a> ....

现在我的HandlebarsJS的HTML是这样的：

<a href="{{href}}">{{text}}</a>

我的每个菜单项的Backbone View都是相似的：

this.insertView(new ItemView({
    model: new Navigation.ItemModel({
    href: '#page1',
    text: 'page1',
    triggers: 'page1',
    route: this.route
    })
}));

有没有人有想法？提前谢谢......

Answer 1

简单的解决方案是在模板中添加一个类

<a href="{{href}}" class="{{class}}">{{text}}</a>

在您的模型上添加属性class : 'font-entypo icon-home'