angularjs - 从 JSON 中拆分一个字符串并在 ng-repeat 中显示它

Question

<div ng-controller="countryCtrl">
  <div class="m-b-20" ng-repeat="val in records">
    {{val.Country}} <br>
  </div>
</div>

var app = angular.module('app', [])
  .controller('countryCtrl', ['$scope', function($scope) {
    $scope.records = [{
      "Country": "Germany,France,UK,Japan"
    }, {
      "Country": "Sweden,Australia,USA"
    }, {
      "Country": "Mexico,Colombia,Brazil"
    }, {
      "Country": "Austria,UAE,Kenya"
    }]
  }])

不需要在字符串中显示国家/地区，而是需要拆分国家/地区并将其显示为项目符号。

Answer 1

使用 string.split method :

<div class="m-b-20" ng-repeat="val in records">
    <ul>
        <li ng-repeat="country in val.Country.split(',')">{{ country }}</li>
    </ul>
</div>

JSFIDDLE