javascript - 需要从ajax加载的JSON对象动态构建 Angular 复选框

Question

我有一个以下格式的 JSON 文档，需要使用它来使用 Angular 动态构建复选框。

var data = {
"Name":[
    {
        "tagId":4489,"name":"Name","label":"Employee Name"
    }
],
"Service":[
    {
        "tagId":1722,"name":"good service","label":"Good Service"
    },
    {
        "tagId":3707,"name":"bad service","label":"Bad Service"
    }
]};

我刚刚学习 Angular js，我正在从事的项目需要以下格式的复选框。

名称

[]员工姓名

服务

[]服务很好

[]服务不好

JSON 是在我的主 Controller 中使用 ajax 启动时加载的。我不太确定 Angular 如何使用 ng-repeat 函数为我构建这个。

感谢任何帮助。

Answer 1

看看我的 fiddle 。我相信我的答案比 Khalil 的更完整。

http://jsfiddle.net/nicolasmoise/8YQPh/1

我创建了一个工厂 .factory('checkBoxFactory', function(){}) ，它接受 JSON 对象并向每个标签添加 check="false"。这可能不是必需的，但我认为最好立即设置这些值，以防用户不触及它们。

最后，我有指令 .directive('checkboxes', function(){}) ，它采用我通过工厂创建的复选框并创建所需的标记。通过此功能，您可以更改类别名称(名称、服务)，并且它仍然有效。

如果这不是您想要的或者您有疑问，请告诉我。