Mở rộng góc chỉ thị 2 ngModel sử dụng quan sát

Question

góc 2 ngModel chỉ làm việc với các biến và các chức năng như

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

Thay vì biến và chức năng, tôi muốn sử dụng BehaviorSubjects thay

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

Có cách nào an toàn để mở rộng ngModel hoặc sử dụng một số loại macro để giảm sự lặp lại trong các mẫu của tôi không?

<input [myNewNgModel]="mySubject" />

Answer 1

Một chút muộn để đảng nhưng tôi tin rằng bạn đang quan tâm đến việc này:

@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>