Javascript css绑定中的自定义类名

我有一个可观察的数组，如下所示：

arrayName =  ko.observableArray([
    {name: First Name, type: normal},
    {name: Second Name, type: low},
    {name: Third Name, type: high}]);

要将我的DOM元素的类设置如下：

<div data-bind="foreach: arrayName">
    <div data-bind="text: name"> </div>
    <div data-bind="css: type"> </div>
</div>

---

有人知道如何做到这一点吗？

您的示例有效，只需为每个属性的字符串添加引号：

<div data-bind="foreach: arrayName">
    <div data-bind="text: name"> </div>
    <div data-bind="css: type"> </div>
</div>

<script>
    function vm (){
      this.arrayName =  ko.observableArray([
        {name: "First Name", type: "normal"},
        {name: "Second Name", type: "low"},
        {name: "Third Name", type: "high" }]);         
    }
    ko.applyBindings(new vm());
</script>

尝试使用以下方法：

HTML:

<div data-bind="foreach: arrayName">
<div data-bind="text: name, css: type"> </div>
</div>

首先，所有类的值都应该用字符串表示法定义

您将示例中的类添加到空div中，该div没有任何内容，您也看不到它，如果我理解正确，您应该将该类添加到添加name属性的同一个div中

---

嗯

您的意思是希望实际构建DOM，还是已经构建了DOM，并且希望向其添加数据绑定？

var myModel = function() {

   this.arrayName =  ko.observableArray([
     {name: "First Name", type: "normal"},
     {name: "Second Name", type: "low"},
     {name: "Third Name", type: "high"}]);


}




ko.applyBindings(new myModel());