Угловая форма вложенной модели не обновляется

Question

У меня есть интересная проблема с угловым формально. Я пытаюсь использовать тег «model», как показано ниже, потому что моя модель не плоская.

{ 
    'key': 'last', 
    'model': 'model.name', 
    'templateOptions: {} 
} 

Однако я не могу обновить модель в чистом виде. Просто замена модели или даже model.name соответствующей моделью, содержащей обновленное значение, не приводит к обновлению модели.

var newModel = { 
    name: { 
     first: 'Gandalf', 
     last: 'The White' 
    } 
}; 
self.model = { 
    name: { 
     first: 'Gandalf', 
     last: 'The Grey' 
    } 
}; 
function setNewLastName() { 
    self.model = newModel; 
} 
setNewLastName(); 

Однако, если я перехожу к определенному свойству, он работает должным образом.

self.model.name.last = self.newModel.name.last; 

Здесь приведена ссылка на JSBin, где значение обновляется с использованием метода развертки непосредственно выше. Drill-down JSBin

Другой JSBin, который пытается обновить модель, назначив новую модель, которая не обновляется. Assign Model JSBin

Кто-нибудь сталкивался с этой проблемой или вы можете видеть, где я делаю что-то неправильно?

Answer 1

Вы заменяете модель для каждого ключа, поэтому вы никогда не видите изменений.

Что вам нужно сделать, это соответствует модели в самом ключе.

vm.fields = [ 
    { 
    key: 'name.first', // <-- HERE 
    type: 'input', 
    //model: vm.model.name, //Wrong 
    templateOptions: { 
     label: 'First Name' 
    } 
    }, 
    { 
    key: 'name.first', // <-- AND HERE 
    type: 'input', 
    //model: vm.model.name, //Wrong 
    templateOptions: { 
     label: 'Last Name' 
    } 
    }, 
    //... 
]; 

См исправлен пример: http://jsbin.com/pupijoc/1/edit?js,console,output

---

UPDATE: Вложенные свойства также обрабатываются fieldGroups

Se обновленный пример: http://jsbin.com/pupijoc/3/edit?js,console,output