Question

我希望使用angularjs在视图页面中替换冒号。例如，我有一些像这样的独特数据

$scope.PlayerList =[{
    "ID" : "111:Player",
    "Name" : "Rasberry, Jackson (16U Blue)",
    "Type" : null
}, {
    "ID" : "112:Player",
    "Name" : "Keller, Jacob",
    "Type" : null
}]//This is my list

这是我的HTML

 <div ng-repeat="item in PlayerList track by $index">
    <input type="ceckebox" id="{{item.ID}}">


<!--Real out put is like that  <input type="checkbox" id="111:Player">  -->
 But i want to like <input type="checkbox" id="111Player">
</div>

我想在视图页面中使用angularjs省略冒号（:)而不更改$ scope.layerList属性如果您有任何想法，请帮助我.........................

Answer 1

您可以创建过滤器以获得结果。将代码更新为以下

<input type="ceckebox" id="{{item.ID | customText}}">

.filter('customText', function() {
  return function ( input ) {
    return input.split(":").join('');
  };
})

使用angularjs在视图页面中拆分冒号

1 个答案: