親子遞歸雙向的角2.0

Question

結合，我想創建一個使用自身遞歸基於jsonschema創造各種輸入角度分量

你可以看到完整的代碼here

我知道，創建雙向數據綁定我們可以使用ngModel，但我不知道如何在自定義組件中使用它。

Answer 1

您還可以利用@Input和@Output如下所述：

@Component({ 
    selector: 'custom', 
    template: ` 
    <div> 
     {{value}} - <span (click)="updateValue()">Update</span> 
    </div> 
    ` 
}) 
export class CustomComponent { 
    @Input() 
    value:string; 
    @Output() 
    valueChange:EventEmitter; 

    constructor() { 
    this.valueChange = new EventEmitter(); 
    } 

    updateValue() { 
    this.valueChange.emit('other value'); 
    } 
} 

這樣你綁定到自定義組件的值的情況下將充分利用雙向綁定。當updateValue是所謂的自定義組件，相應的屬性（這裏someProperty）也將被更新父組件：

@Component({ 
    (...) 
    template: ` 
    <custom [(value)]="someProperty"></custom> 
    `, 
    directives: [ CustomComponent ] 
}) 
export class MyComponent { 
    someProperty:string; 

    constructor() { 
    this.someProperty = 'test'; 
    } 
} 

下面是相應的plunkr：https://plnkr.co/edit/ubtMXpGefgybGK4A3Pho?p=preview。