填寫這份《一分鐘調查》,幫我們(開發組)做得更好!去填寫Home

NgTemplateOutlet

根據一個提前備好的 TemplateRef 插入一個內嵌檢視。

Inserts an embedded view from a prepared TemplateRef.

檢視"說明"...

Exported from

選擇器

屬性

屬性說明
@Input()
ngTemplateOutletContext: Object | null

附加到 EmbeddedViewRef的上下文物件。這應該是一個物件,該物件的鍵名將可以在區域性範本中使用 let 宣告中進行繫結。在上下文物件中使用 $implicit 為鍵名時,將把它作為預設值。

A context object to attach to the EmbeddedViewRef. This should be an object, the object's keys will be available for binding by the local template let declarations. Using the key $implicit in the context object will set its value as default.

@Input()
ngTemplateOutlet: TemplateRef<any> | null

一個字串,用於定義範本參考以及範本的上下文物件。

A string defining the template reference and optionally the context object for the template.

說明

你可以透過設定 [ngTemplateOutletContext] 來給 EmbeddedViewRef 附加一個上下文物件。 [ngTemplateOutletContext] 是一個物件,該物件的 key 可在範本中使用 let 語句進行繫結。

You can attach a context object to the EmbeddedViewRef by setting [ngTemplateOutletContext]. [ngTemplateOutletContext] should be an object, the object's keys will be available for binding by the local template let declarations.

      
      <ng-container *ngTemplateOutlet="templateRefExp; context: contextExp"></ng-container>
    

在上下文物件中使用 $implicit 這個 key 會把對應的值設定為預設值。

Using the key $implicit in the context object will set its value as default.

例子

Example

      
      @Component({
  selector: 'ng-template-outlet-example',
  template: `
    <ng-container *ngTemplateOutlet="greet"></ng-container>
    <hr>
    <ng-container *ngTemplateOutlet="eng; context: myContext"></ng-container>
    <hr>
    <ng-container *ngTemplateOutlet="svk; context: myContext"></ng-container>
    <hr>

    <ng-template #greet><span>Hello</span></ng-template>
    <ng-template #eng let-name><span>Hello {{name}}!</span></ng-template>
    <ng-template #svk let-person="localSk"><span>Ahoj {{person}}!</span></ng-template>
`
})
export class NgTemplateOutletExample {
  myContext = {$implicit: 'World', localSk: 'Svet'};
}
    

方法

      
      ngOnChanges(changes: SimpleChanges)
    
引數
changes SimpleChanges