Динамическое значение для ngModel

Question

Можно ли как-то поставить функцию как значение для ngModel? Я хочу установить значение позже для моего ввода (поэтому я ожидаю, когда я изменю значение entity, обновляемую модель), поэтому я хочу проверить, если он существует, или нет, следовательно, функция. У меня есть следующий, и это не работает:

@Component({ 
    selector: 'string-editor', 
    template: ` 
    <dl> 
     <dt>{{propertyName}}</dt> 
     <dd> 
     <input 
      type="text" 
      [(ngModel)]="getValue()" /> 
     </dd> 
    </dl>`, 
}) 
export class StringEditor { 

    @Input() public propertyName: string; 
    @Input() public entity: any; 

    getValue() { 
     return this.entity ? this.entity[this.propertyName] : '' 
    } 
}; 

Answer 1

Вы не можете передать функцию [(ngModel)], но вы можете разделить связывание и сделать проверку в связывании как

<input 
    [ngModel]="entity ? entity[propertyName] : null" 
    (ngModelChange)="entity && propertyName ? entity[propertyname] = $event: null" 

Answer 2

Ее не рекомендуются использование функция в крепления. Что еще вы можете сделать, так это:

[(ngModel)]="someValue"    //<<===changed 



export class StringEditor { 

    @Input() public propertyName: string; 
    @Input() public entity: any; 

    ngOnInit(){      //<<<===added 
     this.someValue=this.entity ? this.entity[this.propertyName] : '' 
    } 
};