How to transform string to array in angularjs's html

Question

.filter('privateip',function() {
    return function(p) {
        p.split(',');
        return p
    }
})

<tr ng-repeat="ins in  instances">
  <td ><input type="checkbox" ng-model="icheckedList[ins.id]" ng-required="{{needOneList}}" ng-checked="all" one-least></td>
  <td><span ng-bind="ins.name"></span></td>
  <td><table><tr ng-repeat="p in ins.private_ip|privateip"></tr></table></td>
  <td ng-bind="ins.public_ip"></td>
</tr>

ins.private_ip is a string (like '192.168.1.1,192,168.1.2,192.168.1.8') which i want to transform to array, how can i do that use the filter or any way you recommend.

dfsq · Accepted Answer · 2016-06-03 14:31:47Z

1

You need to return split result:

.filter('privateip',function() {
    return function(p) {
        return p.split(',');
    }
});

Strings a immutable, which means that p.split(',') doesn't mutate p, but rather returns new value (array in this case).

answered Jun 3, 2016 at 14:31

dfsq

193k26 gold badges244 silver badges261 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Potato Running Over a year ago

It doesn't work... And I want to ask that in ng-repeat="p in ins.private_ip | privateip" the filter's parameter is private_ip? I am a newbie ...

dfsq Over a year ago

It should work. Here is a demo: plnkr.co/edit/yaq4qJ2Zj7WzzH7D7ikE?p=preview. And privateip filter doesn't take any parameters.

MarkoCen · Accepted Answer · 2016-06-03 14:31:52Z

0

you can ngRepeat over a function which return an array:

<td><table><tr ng-repeat="p in splitIps(ins.private_ip)"></tr></table></td>

//controller
$scope.splitIps = function(ip){
    return ip.split('.');
}

answered Jun 3, 2016 at 14:31

MarkoCen

2,35417 silver badges25 bronze badges

3 Comments

Potato Running Over a year ago

I had try it but when the ip='192.168.1.1' the result that ip was splited to [ ' ',' ' ] , it is so strange... but in chrome's console the split result is nomal ,how can i do to solve the problem?

MarkoCen Over a year ago

its hard to tell... make sure the raw string doesn't contain any whitespaces or line breaks. you could use trim() to remove whitespaces before split it

Potato Running Over a year ago

OH ,, it's my reason , I am so sorry I forget to change something ,thank you ~~

Collectives™ on Stack Overflow

How to transform string to array in angularjs's html

2 Answers 2

2 Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related