Javascript ng使用逗号分隔的单个输入重复值

Javascript ng使用逗号分隔的单个输入重复值,javascript,jquery,angularjs,Javascript,Jquery,Angularjs,我有一个列表数组。我有一个嵌套数组,名为类型我试图在输入字段中显示类型。在输入字段中使用逗号分隔 这就是我尝试过的: var-app=angular.module('app',[]); 应用程序控制器('MainCtrl',函数($scope){ $scope.init=函数(){ $scope.list=[ { “姓名”:“约翰”, “类型”:[ {“工作”:“aa”}, {“工作”:“bb”} ] } ]; } }); {{data.work}{{$last?'':'','}} 使用多个

我有一个列表数组。我有一个嵌套数组,名为
类型
我试图在输入字段中显示
类型。在输入字段中使用逗号分隔

这就是我尝试过的:

var-app=angular.module('app',[]);
应用程序控制器('MainCtrl',函数($scope){
$scope.init=函数(){
$scope.list=[
{
“姓名”:“约翰”,
“类型”:[
{“工作”:“aa”},
{“工作”:“bb”}
]
}
];
}
});

{{data.work}{{$last?'':'','}}

使用多个
ng repeat
访问嵌套数组

 <label ng-repeat="data in list">
      <label  ng-repeat="d in data.types">

        {{d.work}}
      </label>

</label>

{{d.work}
var-app=angular.module('app',[]);
应用程序控制器('MainCtrl',函数($scope){
$scope.init=函数(){
$scope.list=[
{
“姓名”:“约翰”,
“类型”:[
{“工作”:“aa”},
{“工作”:“bb”}
]
}
];
$scope.input\u model\u value=''
var temp=[]
$scope.list.forEach(函数(t1){
t1.types.forEach(函数(val){
温度推送(额定工作)
})
})
$scope.input_model_value=temp.join(','))
}
});

{{data.work}

以防您需要其他解决方案。您可以在JS文件中迭代数组,并将值分配给输入模型


var-app=angular.module('app',[]);
应用程序控制器('MainCtrl',函数($scope){
$scope.init=函数(){
$scope.list=[
{
“姓名”:“约翰”,
“类型”:[
{“工作”:“aa”},
{“工作”:“bb”}
]
}
];
$scope.listData=“”;

对于(var i=0;i您将列表添加到一个数组中,这样您可以在ng repeat中使用ng repeat,也可以像这样直接使用array first对象

<input type="text" ng-model="list[0].name">
<label ng-repeat="data in list[0].types">{{data.work}}{{$last ? '' : ', '}}</label>

{{data.work}{{$last?'':'','}}
console.log($scope.list[0].types.reduce((a,b)=>a.work+,'+b.work));