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!