2017-07-12 21 views
6

Cách từ khóa sau được sử dụng trong angular2 ng-templates

  • Mục đích của $ ngầm định trong các mẫu góc 2 là gì?
  • Mối quan hệ giữa let- và $ implicit là gì?

Trả lời

9

Bạn có thể định nghĩa biến cục bộ trên ng-template qua let-name

Khi góc tạo mẫu bằng cách gọi createEmbeddedView nó cũng có thể vượt qua bối cảnh đó sẽ được sử dụng bên trong ng-template

Sử dụng phím $implicit trong đối tượng bối cảnh sẽ đặt giá trị của nó làm mặc định. Vì vậy, nếu chúng ta viết:

vcRef.createEmbeddedView(template, { $implicit: 'value' }) 

và chúng tôi có mẫu

<ng-template let-foo> 
{{ foo }} 
</ng-template> 

sau đó chúng ta có thể suy nghĩ về nó như

<ng-template let-foo="$implicit"> 
    {{ foo }} 
</ng-template> 

nên foo sẽ bằng value

Plunker Example

Mặt khác, nếu chúng ta có bối cảnh như:

{ bar: 'value' } 

chúng ta phải khai báo biến như:

let-foo="bar" 
+0

Cảm ơn @yurzui. –

+0

Có cách nào để khai báo nhiều biến và sử dụng chúng không? –

+0

@MantuNigam https://plnkr.co/edit/RUu7hWAcMUZkjcFK1QKy?p=preview – yurzui