Javascript 如何使用AngularJS在表中动态加载JSON数据？

我有一个列选择器小部件，其中包含具有唯一ID的名称列表。有一个后端服务返回一个包含数据的对象

output = {
id: 1, name: "john", title: "developer",
id: 2, name: "mark", title: "designer",
id: 3, name: "sally", title: "HR"
...
}

我需要使用AngularJS在html中创建一个表，在我从列choser中选择特定ID时动态添加/删除行

<div ng-app="MyApp" ng-controller="MyController">
        <table border = "1">
            <tr>
                <th>ID</th>
                <th>Name</th>
                <th>Title</th>
            </tr>
            <tbody ng-repeat="m in output">
                <tr>
                    <td>{{m.id}}</td>
                    <td>{{m.name}}</td>
                    <td>{{m.title}}</td>                    
                </tr>
            </tbody>
        </table>
</div>

身份证件
名称
标题
{{m.id}}
{{m.name}}
{{m.title}}

---

我应该在控制器中添加什么以获得所需的结果？除了使用$scope，还有其他方法吗？

您的输出对象应该是一个对象数组： 示例打击：

$sope.output = [
   { id: 1, name: "john", title: "developer"} ,
   { id: 2, name: "mark", title: "designer"} ,
   { id: 3, name: "sally", title: "HR"}
];

---

输出对象应该是一个对象数组： 示例打击：

$sope.output = [
   { id: 1, name: "john", title: "developer"} ,
   { id: 2, name: "mark", title: "designer"} ,
   { id: 3, name: "sally", title: "HR"}
];

---

后端服务应该返回一个包含以下格式数据的对象，以在HTML模板中迭代该数据

[{id: 1, name: "john", title: "developer"},
{id: 2, name: "mark", title: "designer"},
{id: 3, name: "sally", title: "HR"}]

演示：

var module=angular.module（'myApp'，[]）；
模块控制器（“myController”，功能（$scope）{
$scope.output=[{id:1，name:“john”，title:“developer”}，
{id:2，名称：“mark”，标题：“designer”}，
{id:3，姓名：“萨利”，头衔：“HR”}]；
});

身份证件
名称
标题
{{m.id}}
{{m.name}}
{{m.title}}
后端服务应返回一个包含以下格式数据的对象，以在HTML模板中迭代该对象

[{id: 1, name: "john", title: "developer"},
{id: 2, name: "mark", title: "designer"},
{id: 3, name: "sally", title: "HR"}]

演示：


var module=angular.module（'myApp'，[]）；
模块控制器（“myController”，功能（$scope）{
$scope.output=[{id:1，name:“john”，title:“developer”}，
{id:2，名称：“mark”，标题：“designer”}，
{id:3，姓名：“萨利”，头衔：“HR”}]；
});

身份证件
名称
标题
{{m.id}}
{{m.name}}
{{m.title}}
我想你想要这样的东西，试试看，让我知道

按住
ctrl
键，选择要显示的多个列名


angular.module（“MyApp”，[]）
.controller（“MyController”，（$scope）=>{
$scope.columns=[]
$scope.output=[{
id:1，
姓名：“约翰”，
标题：“开发商”
},
{
id:2，
名称：“马克”，
标题：“设计师”
},
{
id:3，
姓名：“莎莉”，
标题：“人力资源”
}
]
$scope.getColumns=（）=>{
返回Object.keys（$scope.output）.filter（名称=>$scope.columns.indexOf（名称）！=-1）
}
})

身份证件
名称
标题
{{column}}
{{m[列]}
我想你想要这样的东西，试试看，让我知道

按住
ctrl
键，选择要显示的多个列名


angular.module（“MyApp”，[]）
.controller（“MyController”，（$scope）=>{
$scope.columns=[]
$scope.output=[{
id:1，
姓名：“约翰”，
标题：“开发商”
},
{
id:2，
名称：“马克”，
标题：“设计师”
},
{
id:3，
姓名：“莎莉”，
标题：“人力资源”
}
]
$scope.getColumns=（）=>{
返回Object.keys（$scope.output）.filter（名称=>$scope.columns.indexOf（名称）！=-1）
}
})

身份证件
名称
标题
{{column}}
{{m[列]}
输出
变量应该是一个对象数组。列选择器是什么意思？是否有选择框来选择要显示的列？
输出
变量应该是一个对象数组。列选择器是什么意思？是否有选择框来选择要显示的列？