Vue.js: Conditionnel style de classe

J'ai des données qui est accessible via:

{{ content['term_goes_here'] }}

... et ce évalués soit à true ou false. Je voudrais ajouter une classe en fonction du truthiness de l'expression comme suit:

<i class="fa" v-bind:class="[{{content['cravings']}} ? 'fa-checkbox-marked' : 'fa-checkbox-blank-outline']"></i>

true me donne de la classe fa-checkbox-marked et faux aurait de me donner fa-checkbox-blank-outline. La façon dont je l'ai écrit ci-dessus me donne une erreur:

- invalid expression: v-bind:class="[{{content['cravings']}} ? 'fa-checkbox-marked' : 'fa-checkbox-blank-outline']"

Comment dois-je l'écrire pour être en mesure de déterminer de façon conditionnelle de la classe?

OriginalL'auteur Jeremy Thomas | 2017-04-04