Handlebars bind-attr

Question

你能幫我解釋爲什麼這樣做不行嗎。如果IsPlusArticle爲true，我想添加一個「plus-article」類。第一個，這個.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>