Góc hoàn hảo của các thuộc tính thành phần góc cho một thành phần con

Question

Gần đây tôi đã nhận thức được kỹ thuật sau đây trong React cho các thuộc tính foward cho các thành phần con. Điều này sử dụng phân công phá hủy:

const MyInputComponent = (props) => <input {...props} /> 

Sử dụng điều này bạn hoàn toàn có thể bọc các thành phần mà không cần triển khai lại giao diện của chúng.

Có kỹ thuật tương tự cho các thành phần Góc không?

Edit: tìm thấy trùng lặp Angular2: passing ALL the attributes to the child component

Answer 1

Tôi muốn quấn một thêm một số yếu tố html xung quanh nó cho phong cách và hình ảnh động. Khác tôi sẽ phải lặp lại các yếu tố này nhiều lần lần.

ngcontent là bạn của bạn!

@Component({ 
     selector: 'my-wrapper', 
     template: ` 
     <h1>my fancy header</h1> 
     <ng-content>YOUR INPUT WILL GO HERE</ng-content> 

     ` 
    }) 

đánh dấu bất cứ nơi nào bạn muốn sử dụng các wrapper:

<div> 
     <my-wrapper> 
      <input .../> 
     </my-wrapper> 
    </div> 

như bạn có thể thấy, các wrapper có thể có bất kỳ mẫu nào bạn muốn với bất kỳ params bạn muốn. html bên trong bạn đặt bên trong có thể có bất kỳ đánh dấu nào bạn muốn với bất kỳ thông số nào bạn muốn.