ko绑定双层

<ul data-bind="foreach: data">
                        <li >
                            <div class="head">
                                <span class=" " data-bind="text:title"></span>
                                <p class="fr">
                                    <i class=" ti-angle-down "></i>
                                </p>
                            </div>
                            <div class="row">
                                <ul class="um-list" data-bind="foreach:content">
                                    <li class="um-list-item">
                                        <div class="um-list-item-inner">
                                            <div class="um-list-item-left pl15 f14"  data-bind="text:value">
                                                
                                            </div>
                                            <div class="um-list-item-right">
                                                <span class="fl f14"  data-bind="text:value"></span>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </li>
                    </ul>

data = {header:[{title:"我的工作受到了","key":"部门","value":"技术部"},{title:"我的工作受到了222","key":"部门2","value":"技术部2"},{title:"我的工作受到3333了","key":"部门3","value":"技术部3"}],
            content:[
            {
                title:"我的工作1",
                content:[{"key":"部门1","value":"技术部1"},{"key":"部门2","value":"技术部2"},{"key":"部门3","value":"技术部3"}]
            }
            ,{
                title:"我的工作2",
                content:[{"key":"部门4","value":"技术部4"},{"key":"部门5","value":"技术部6"},{"key":"部门6","value":"技术部6"}]
            },{
                title:"我的工作影响",
                content:[{"key":"部门9","value":"技术部9"},{"key":"部门8","value":"技术部8"},{"key":"部门7","value":"技术部7"}]
            }
            ],
            footer:{"作业":"多撒多撒打大三打打萨迪克了几口经理看见嗯我我机票钱饿哦切坡熊奇葩"},
    }

viewModel ={
            data:ko.observableArray(data.content),//[]
            data1:ko.observableArray(data.header),//[]
         
        };
        ko.applyBindings(viewModel);

猜你喜欢

转载自blog.csdn.net/Cai_javaXiaoFan/article/details/83580867