Изменение значений внутри привязки данных в нокауте

Question

Я разрабатывал страницу с использованием нокаута. Я связать массив с HTML следующим

данные:

{'options':[{'name':'hi'},{'name':'hello'}]) 

HTML:

<div data-bind="foreach: options"> 
     <div data-bind="text: name, css: name"></diV> 
    </div> 

Каждый вариант есть изображение и я с помощью CSS спрайтов. и имя класса, как

div.option- <name>

Css:

div.option-hi{ 
    background-color:black; 
} 
div.option-hello{ 
    background-color:black; 
} 

Так что это будет работать, только если я могу добавить

«DIV. опция- "

к атрибуту name внутри привязка данных. В любом случае, я могу достичь этого без изменения массива и добавления еще одного атрибута в массив заполнения.

Answer 1

Если вы не планируете изменять значения массива или не переносить их в режимы просмотра, которые будут выполнять дополнительную логику, тогда вы может писать выражения также непосредственно в привязках.

Таким образом, вы можете сделать конкатенацию внутри css связывания:

<div data-bind="foreach: options"> 
    <div data-bind="text: name, css: 'option-' + name"></div> 
</div> 

Demo JSFiddle.