Handlebars bind-attr

Question

请你帮我解释为什么这不起作用。如果IsPlusArticle为true，我想添加一个“plus-article”类。第一，this.ArticleId，工作正常。

<script id="articles-template" type="text/x-handlebars-template">
    {{#each articles}}
    <article role="article" id="article-{{this.ArticleId}}" {{bind-attr class="this.IsPlusArticle:plus-article"}}>

Answer 1

我没有看到emberjs代码，因此我认为这是一个handlebars项目。

bind-attr是一个Ember特定帮助器，它将属性绑定到模型中的值。但是，如果您只想在plus-article没有数据绑定的情况下向您的班级添加IsPlusArticle，则可以使用#if帮助

  <article role="article" id="article-{{this.ArticleId}}" {{#if isPlusArticle}}class="plus-article"{{/if}}>
  </article>