AngularJS – convert comma separated string to array example

AngularJS – convert comma separated string to array example

In this post we will give you information about AngularJS – convert comma separated string to array example. Hear we will give you detail about AngularJS – convert comma separated string to array exampleAnd how to use it also give you demo for it if it is necessary.

When i was working on my Laravel angularjs application, i require to make array from comma separated string, I was not expert in angularjs so i was thingking how is it possible ?, But Finally i was found solution using custom angularjs Filter.

So, In this example, I will give you full example of how to convert comma separated string into array and how to print it. We will create array using split() of jquery. But if you know angularjs we can’t do it anything directly from layout, So we should create our custom filter, as bellow you can see i created “customSplitString” filter.

Filter:

app.filter('customSplitString', function() {

return function(input) {

var arr = input.split(',');

return arr;

};

});

Ok, Now as bellow i give you full example of how to convert comma separated string to array, that way you can learn how is it work.

Example:

Also see:AngularJS – How to create read more/less toggle using Directive?

<!DOCTYPE html>

<html>

<head>

<title>Angularjs comma separated string to array</title>

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

<script type="text/javascript" src="//code.jquery.com/jquery-1.4.2.min.js"></script>

<script src = "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>

</head>

<body>


<div ng-app="mainApp" ng-controller="myController" id="mainController" >


<div ng-repeat="value in myArray">

<strong>Title:</strong> {{ value.title }}

<strong>List:</strong> {{ value.list }}

<br/>


<strong>List With filter:</strong>

<ul ng-repeat="elem in (value.list | customSplitString)">

<li>{{ elem }}</li>

</ul>


</div>


</div>


<script type="text/javascript">


var app = angular.module("mainApp", []);


app.controller('myController', function($scope, $timeout) {

$scope.myArray = [

{'title' : 'Language','list' : 'PHP,C,C++,Java,Jquery,SQL'},

{'title' : 'Color','list' : 'Red,Blue,Pink'},

{'title' : 'Company','list' : 'BMW,Swift'},

];

});


app.filter('customSplitString', function() {

return function(input) {

var arr = input.split(',');

return arr;

};

});


</script>


</body>

</html>

I hope it can help you…

Hope this code and post will helped you for implement AngularJS – convert comma separated string to array example. if you need any help or any feedback give it in comment section or you have good idea about this post you can give it comment section. Your comment will help us for help you more and improve us. we will give you this type of more interesting post in featured also so, For more interesting post and code Keep reading our blogs

For More Info See :: laravel And github

Leave a Comment

Your email address will not be published. Required fields are marked *

33  +    =  35

We're accepting well-written guest posts and this is a great opportunity to collaborate : Contact US