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));