Giá trị mảng định dạng AngularJS trong textarea

Question

Tôi có một ứng dụng angularJS, trong đó tôi có một mảng.

$scope.data[0] = x1; 
    $scope.data[1] = x2; 

và một vùng văn bản

<textarea ng-model="data"> </textarea> 

tôi có thể thấy textarea có chứa các giá trị x1, x2 (cách nhau bằng dấu phẩy). Tôi muốn hiển thị các giá trị trên các dòng riêng biệt. Có nghĩa là tất cả các giá trị mảng phải được phân tách bằng ký tự dòng mới chứ không phải bằng dấu phẩy. Tôi có cần phải viết bộ lọc cho điều này không?

Answer 1

Bạn có thể viết một chỉ thị sửa đổi cách thức ng-mô hình chuyển đổi các biến thành giá trị đầu vào và ngược lại. Tôi chỉ viết những dòng này ra khỏi đỉnh đầu của tôi, vì vậy tôi không có ý tưởng nếu nó hoàn toàn đúng, nhưng một cái gì đó như thế này có thể làm điều đó:

app.directive('splitArray', function() { 
    return { 
     restrict: 'A', 
     require: 'ngModel', 
     link: function(scope, element, attr, ngModel) { 

      function fromUser(text) { 
       return text.split("\n"); 
      } 

      function toUser(array) {       
       return array.join("\n"); 
      } 

      ngModel.$parsers.push(fromUser); 
      ngModel.$formatters.push(toUser); 
     } 
    }; 
}); 

Và bạn có thể sử dụng nó như thế này:

<textarea ng-model="data" split-array> </textarea> 

Answer 2

Đây chính là điều ng-list làm:

<textarea ng-model="someArray" ng-list="/\n/"></textarea> 

cũng này hoạt động trên tất cả các loại nguyên liệu đầu vào như nó móc vào ngModels parsers/và định dạng.

Xem fiddle này: http://jsfiddle.net/xbYzT/1/

Vấn đề với điều này là ng-list luôn tham gia với a '' như tách, vì vậy nó không thực sự hai chiều.

Answer 3

Một cách dễ dàng hơn để làm điều này trong góc> = 1,3 mà làm việc cả hai cách:

<textarea ng-model="yourStringArray" ng-list="&#10;" ng-trim="false"></textarea> 

Plunker