Javascript 在angularJS中绑定数据时动态字符串拆分

Javascript 在angularJS中绑定数据时动态字符串拆分,javascript,angularjs,Javascript,Angularjs,我正在努力实施。 在一个项目中添加标签和删除标签,比如chips style,为此我需要根据拆分数组的长度拆分字符串和单独绑定 如何在绑定数据时拆分逗号分隔的动态长度字符串 如何在此处使用角度过滤器 请检查以下代码 JS:控制器: var-app=angular.module('myApp',[]); app.controller('myCtrl',函数($scope){ 变量温度={ “价值观”:[ { “id”:“1”, “标签”:“设计研究、UI框架、线框” }, { “id”:“2”,

我正在努力实施。 在一个项目中添加标签和删除标签,比如chips style,为此我需要根据拆分数组的长度拆分字符串和单独绑定

如何在绑定数据时拆分逗号分隔的动态长度字符串

如何在此处使用角度过滤器
请检查以下代码

JS:控制器:

var-app=angular.module('myApp',[]);
app.controller('myCtrl',函数($scope){
变量温度={
“价值观”:[
{
“id”:“1”,
“标签”:“设计研究、UI框架、线框”
},
{
“id”:“2”,
“标签”:“曲棍球、篮球、板球、足球、棒球”
},
{
“id”:“3”,
“标签”:“传感器、地图、定位服务、工作室”
},
],
“计数”:“3”
};
//我有一个像这样的json
$scope.items=临时值;
});

{{item.tags}


{{item.tags[0]} {{item.tags[1]} {{item.tags[n]}

无需创建自定义筛选器来执行此操作()

为此,您可以在控制器中拆分
标记
,然后在视图中迭代字符串。在这种情况下,我们将使用双
ng repeat
。第一个循环遍历每组
标记中的所有字符串组,第二个循环遍历拆分的字符串项。我已经修改了下面的代码,并对其进行了一些清理

var-app=angular.module('myApp',[]);
应用程序控制器('myCtrl',函数($scope){
变量温度={
“价值观”:[
{
“id”:“1”,
“标签”:“设计研究、UI框架、线框”
},
{
“id”:“2”,
“标签”:“曲棍球、篮球、板球、足球、棒球”
},
{
“id”:“3”,
“标签”:“传感器、地图、定位服务、工作室”
},
],
“计数”:“3”
};
$scope.items=temp.values.map(函数(项){
返回item.tags.split(“,”);
});
});

{{tag}



能否请您更新代码片段,使其具有完整的可运行代码?现在工作正常。