Создание модели из нескольких моделей в AngularJS

Question

У меня есть базовый fiddle, который является сокращенной версией того, что у меня есть на моем сайте.

Мне было интересно, если есть способ связать строки таблицы динамически с текстовой областью, чтобы создать ng-model, состоящий из серверных других данных ng-model?

Я хотел бы иметь каждую строку в списке или что-то, что я мог бы добавить дополнительный текст из элемента ввода текста и связать все с текстовой областью. Изменения в обоих будут отражены в предварительном просмотре формы.

Возможно ли это?

Answer 1

Во-первых, в вашей скрипке была крошечная ошибка, requestQty должен быть объектом, индексированным элементом itemId, или массивом, в котором индексом является идентификатор элемента, но так как это сочетание обоих.

Теперь о вашем вопросе вы действительно можете сохранить привязку между текстовой областью и вашей моделью, а не напрямую с ng-model, так как textarea имеет дело со строкой, а ваши данные являются объектами.

Один из способов обойти это, имея две разные переменные: объект model и строку stringModel, а также синхронизировать их с помощью пользовательских $ watchers.

Вы можете увидеть реализацию этого решения здесь:

http://jsfiddle.net/dscace5q/1/

$scope.$watch('model', function(m) { 
    $scope.stringModel = angular.toJson(m, 2); 
}, true); 

$scope.$watch('stringModel', function(s) { 
    $scope.model = angular.fromJson(s);  
});