ngList

ng-list 指令用於將分隔的字串從文字輸入轉換為字串陣列,反之亦然。

ng-list 指令使用 , (逗號空間)的預設分隔符。

你可以通過為 ng-list 分配 ng-list 這樣的分隔符來手動設定分隔符。

在這種情況下,分隔符設定為半冒號,後跟空格。

預設情況下,ng-list 的屬性 ng-trim 設定為 true。ng-trim 當為 false 時,會尊重你的分隔符中的空格。預設情況下,除非你設定 ng-trim="false",否則 ng-list 不會考慮空白區域。

例:

angular.module('test', [])
  .controller('ngListExample', ['$scope', function($scope) {
    $scope.list = ['angular', 'is', 'cool!'];
}]);

客戶定界符設定為 ;。並且輸入框的模型設定為在作用域上建立的陣列。

  <body ng-app="test" ng-controller="ngListExample">
    <input ng-model="list" ng-list="; " ng-trim="false">
  </body>

輸入框將顯示內容:angular; is; cool!