javascript - Knockoutjs用两个接口获取标题和内容的数据，实现嵌套

Question

这里我用第一个接口获取到标题的值，在用id获取到属于id下面的子集，生成HTML，效果如下
问题来了可不可以不用js生成的HTML，来实现这里的嵌套，我这里实现嵌套后，想用一个数组里面的值来判断checkbox的值来做是否勾选，现在获取因为是js生成的html所以获取不到页面中的值拍判断。该怎么做。（新手求大神讲解，嵌套用Angularjs实现也可以）

 http.get(route.getUrl(SystmeTypeUrl.List, {
        'name':"",
        'skip': 0,
        'count':-1,
    }), function (data) {
        //console.log(data)
        //self.Systemtyep(data.result.list)
        $.each(data.result.list, function (i, val) {
            var arr = []
            //console.log(val.name)
            arr = "<ul class='wid100'>" +
                        "<li colspan='4' style='text-align:center'>" + val.name + '(' + val.level + ')' + "</li> </ul>"                
            http.get(route.getUrl(SystmeUrl.List, {
                'tag': "",
                'categoryid': val.id,
                'skip': 0,
                'count': 10,
            }), function (data) {
                //self.Sys(data.result.list)
                var arrs = []
                $.each(data.result.list, function (i, name) {                        
                     arrs +="<ul class='center_td'><label><li><input class=\"names\" name='test' type='checkbox'>"+name.tag +"</li></label>
                                </ul>";
                })
               centent_td.append(arr+arrs)
            })
        })
    })

Answer 1

1）是否能有Angular来实现嵌套不清楚
2）checkbox是否选中，你可以在回调中加入一下监听
或通过centent_td 事件代理

$('input[type=checkbox].name').on( "click", function(){
     $('input[type=checkbox].name:check').each(function(){
       console.log(‘已经选中的值:’+$(this).val());
    });
} );

Answer 2

可以通过模板来实现嵌套吧