Angular2: các thuộc tính ng-content chuyển đến thành phần con

Question

Có phải như thế này có thể không?

Tôi muốn chuyển biến "hasfocus" từ cjc-box thông qua các thuộc tính ng-content sang thành phần đầu vào cjc.

app.component.html

<div cjc-box><div cjc-input></div></div> 

CIC-box.component.html

<div class="cjc-box"> 
    <div><ng-content hasfocus="focus"></ng-content></div> 
</div> 

CIC-input.component.html

<input class="cjc-input" type="text" focus="{{hasfocus}}" /> 

Đây có phải là thậm chí có thể với dự báo trong ng2?

Answer 1

Có thể vượt qua biến nội dung dự kiến ​​(giả định phần cjc-box tuyên bố sở hữu focus và thành phần cjc-input tuyên bố sở hữu hasfocus):

<div cjc-box #box><div cjc-input [hasfocus]="box.focus"></div></div> 

này được một chiều ràng buộc, nếu bạn muốn hai chiều đó là hơi phức tạp hơn:

• Thêm @Input() trang trí cho focus tài sản của thành phần hộp.
• Thêm @Input() trang trí cho hasfocus thuộc tính của thành phần đầu vào
• Thêm @Output() hasfocusChange:EventEmitter<any> = new EventEmitter<any>(); vào thành phần đầu vào.
• Thêm this.hasfocusChange.emit(this.hasfocus); sau hasfocus thay đổi thành phần đầu vào của bạn.
• Thay đổi mẫu để <div cjc-box #box><div cjc-input [(hasfocus)]="box.focus"></div></div>