कोणीय 2 ngModel निर्देश विस्तार observables

Question

कोणीय 2 ngModel निर्देश उपयोग करने के लिए की तरह

<input [ngModel]="myVar" (ngModelChange)="myFunc($event)" />

चर और कार्यों के बजाय

चर और कार्यों के साथ काम करता है, मैं BehaviorSubjects बजाय

<input [ngModel]="mySubject | async" (ngModelChange)="mySubject.next($event)" />

उपयोग करना चाहते हैं

क्या मेरे टेम्पलेट्स में पुनरावृत्ति को कम करने के लिए ngModel का विस्तार करने या किसी प्रकार का मैक्रो का उपयोग करने का कोई सुरक्षित तरीका है?

<input [myNewNgModel]="mySubject" />

Answer 1

एक छोटी सी पार्टी के लिए देर हो चुकी है, लेकिन मेरा मानना ​​है कि आप इस में रुचि रखते थे:

@Component({ 
 
    selector: 'app-home', 
 
    templateUrl: './home.component.html', 
 
    styleUrls: ['./home.component.less'] 
 
}) 
 
export class HomeComponent implements OnInit { 
 
    model: Observable<number[]>; 
 

 
    ngOnInit() { 
 
    this.model = this.get(); 
 
    } 
 

 
    get(): Observable<number[]> { 
 
    return Observable.from([[1, 2, 3]]); 
 
    } 
 
} 
 

 
@Component({ 
 
    selector: 'app-child', 
 
    templateUrl: './child.component.html', 
 
    styleUrls: ['./child.component.css'] 
 
}) 
 
export class ChildComponent implements OnInit { 
 
    @Input() numbers; 
 
    constructor() { } 
 

 
    ngOnInit() { 
 
    } 
 

 
}

<app-child [numbers]="(model | async)"></app-child> 
 

 
<!-- child component --> 
 
<h1 *ngFor="let i of numbers">{{i}}</h1>