JSON格式的AngularJS逗号分隔
我对用JSON格式的AngularJS逗号分隔,json,angularjs,angularjs-ng-repeat,Json,Angularjs,Angularjs Ng Repeat,我对用ng repeat和ng if分隔的逗号有问题 我想将结果用逗号分隔,但最后一项也包括逗号 我的期望是:AAA、CCC、EEE 但结果是:AAA、CCC、EEE、 ng repeat块如下所示: <div ng-repeat="provider in providersInfo"> <span ng-repeat="policy in policiesInfo | filter:{ProviderId : provider.ProviderId }:true"&g
ng repeat
和ng if
分隔的逗号有问题
我想将结果用逗号分隔,但最后一项也包括逗号
我的期望是:AAA、CCC、EEE
但结果是:AAA、CCC、EEE、
ng repeat
块如下所示:
<div ng-repeat="provider in providersInfo">
<span ng-repeat="policy in policiesInfo | filter:{ProviderId : provider.ProviderId }:true">
<span ng-if="policy.HasChecked">{{ policy.PolicyName }}{{$last ? '' : ', '}}</span>
</span>
<!-- or -->
<span ng-repeat="policy in policiesInfo | filter:{ProviderId : provider.ProviderId }:true">
<span ng-if="policy.HasChecked">{{$index == 0 ? '' : ', '}}{{ policy.PolicyName }}</span>
</span>
</div>
<代码> > $> < /COD>被认为是“代码>策略ID:6 < /代码>和<代码> $ index <代码>被认为是<代码>策略ID:1 > P>您的实际$FAST(FFF)没有呈现,因为它有<代码> HasCuff:false ,所以您所看到的最后一个逗号<代码>, >是EEE提交的一个。
要实现您想要的功能,您需要先过滤掉HasChecked:false
,这样$last将应用于过滤后的数组:
<span ng-repeat="policy in policiesInfo | filter: {HasChecked: true, ProviderId: provider.ProviderId}">
{{policy.PolicyName}}<span ng-if="!$last">,</span>
</span>
{{policy.PolicyName}},
我通过再添加一个过滤器获得了结果:
<span ng-repeat="policy in policiesInfo | filter:{ProviderId : provider.ProviderId }:true | filter: checkedPolicies">
<span>{{ insurancepolicy.PolicyTypeName }}{{$last ? '' : ', '}}</span>
</span>
$scope.checkedPolicies = function(policyItem) {
return policyItem.HasChecked;
};
{{insurancepolicy.PolicyTypeName}{{$last?'':','}}
$scope.checkedPolicies=函数(policyItem){
返回policyItem.HasChecked;
};
我忘记了你的另一个过滤器-将其添加到回答中我通过添加一个过滤器解决了问题,但你的回答也帮助我思考了过滤器,检查了你的建议是否有效。
<span ng-repeat="policy in policiesInfo | filter:{ProviderId : provider.ProviderId }:true | filter: checkedPolicies">
<span>{{ insurancepolicy.PolicyTypeName }}{{$last ? '' : ', '}}</span>
</span>
$scope.checkedPolicies = function(policyItem) {
return policyItem.HasChecked;
};