Jak podzielić ciąg z angularJS

Question

Chciałem wiedzieć, czy mogę podzielić ciąg po prostu w angularJS. Mam

$scope.test = "test1,test2"; 

w moim kontrolera i moim zdaniem chciałem zrobić coś takiego

{{test[0] | split(',')}} 
{{test[1] | split(',')}} 

ja widziałem wiele rzeczy na temat wejścia i NG-zmiany wywołanie funkcji w kontrolerze, który podzielił ciąg znaków lub coś z ng-list, ale nic nie działa w moim przypadku.

thx dla wszystkich.

Answer 1

Możesz owinąć tę funkcjonalność do filtra, w ten sposób nie musisz umieszczać funkcji mySplit we wszystkich kontrolerach. Na przykład

angular.module('myModule', []) 
    .filter('split', function() { 
     return function(input, splitChar, splitIndex) { 
      // do some bounds checking here to ensure it has that index 
      return input.split(splitChar)[splitIndex]; 
     } 
    }); 

stąd, można użyć filtru, jak pierwotnie przeznaczone

{{test | split:',':0}} 
{{test | split:',':0}} 

Więcej informacji na http://docs.angularjs.org/guide/filter (dzięki Ross)

Plunkr @http://plnkr.co/edit/NA4UeL

Answer 2

Thx guys, I w końcu znaleźć rozwiązanie, naprawdę podstawową .. W moim kontroler mam

$scope.mySplit = function(string, nb) { 
    var array = string.split(','); 
    return array[nb]; 
} 

i moim zdaniem

{{mySplit(string,0)}} 

Answer 3

Można spróbować coś takiego:

$scope.test = "test1,test2"; 
{{test.split(',')[0]}} 

teraz dostaniesz "test1" podczas próby {{test.split(',')[0]}}

a dostaniesz "test2" podczas próby {{test.split(',')[1]}}

tutaj jest mój plnkr:

http://plnkr.co/edit/jaXOrZX9UO9kmdRMImdN?p=preview

Answer 4

Możesz spróbować:

$scope.testdata = [{ 'name': 'name,id' }, {'name':'someName,someId'}] 
$scope.array= []; 
angular.forEach($scope.testdata, function (value, key) { 
    $scope.array.push({ 'name': value.name.split(',')[0], 'id': value.name.split(',')[1] }); 
}); 
console.log($scope.array) 

W ten sposób można zapisać dane w celu późniejszego wykorzystania i acces go przy użyciu NG-powtarzać tak:

<div ng-repeat="item in array">{{item.name}}{{item.id}}</div> 

Mam nadzieję, że to pomogło komuś,
Plunker link: here
wszystkie kredyty przejdź do @jwpfox i @Mohideen ibn Mohammed z powyższej odpowiedzi.