角度2 ngのブートストラップ、NgbTabsetエラー：（約束で）キャッチされない：例外TypeError：私はNgTabsetを使用しようと

Question

未定義

のプロパティ「templateRef」を読み取ることができませんが、私は、このエラーにTypeError例外を取得：未定義のプロパティ「templateRef」を読み取ることができません。ng-templateをテンプレートタグで置き換えると、すべて正常に動作します。間違っていますか？ここ はコードです：

<ngb-tabset> 
    <ngb-tab> 
    <ng-template ngbTabTitle> 
     Tab1 
    </ng-template> 
    <ng-template ngbTabContent> 
     Here is tab 1 
    </ng-template> 
    </ngb-tab> 
</ngb-tabset> 

Answer 1

それはPlunkrせずに知っているが、templateRefを設定してくださいには少し難しいと＃

<app-content [templateRef]="nestedComponentRef"></app-content> 
<template #nestedComponentRef> 
    <component> 
    </component> 
</template> 

ここでは例です：https://embed.plnkr.co/zsG5ROJD1jYVIoXaR9Ga/

Answer 2

コメントDavid Aguirreによると、これは依存関係の問題であると示唆しましたが、少なくとも部分的にng-bootstrapバージョンに起因するようです。

私はこの同じ問題を抱えていたし、NG-ブートストラップの私のバージョンは1.0.0-alpha.24ことに気づいたが、一例ではhttps://ng-bootstrap.github.io/app/components/tabset/demos/basic/plnkr.htmlでconfig.jsの中の行は、私はそのバージョンを下げ'@ng-bootstrap/ng-bootstrap': 'npm:@ng-bootstrap/ng-bootstrap@1.0.0-alpha.28/bundles/ng-bootstrap.js'

ました数字を1.0.0-alpha.24に変更しました。 1.0.0-alpha.28まで変更を加える

は

Web上で私たちのコードのバージョンで働いていたが、VCCode開発環境のコードで私はちょうど変えることがわかっ<template><ng-template>へと

"@ng-bootstrap/ng-bootstrap": "^1.0.0-alpha.24", 

"@ng-bootstrap/ng-bootstrap": "^1.0.0-alpha.28", 

にpackage.jsonで

は、問題を解決するのに十分ではなかったが、新しいCLIのインスタンスを作成することは、問題を修正し、私は見つけられませんでした他のいくつかの依存関係がなければなりません。 1.0.0-alpha.24とhttps://ng-bootstrap.github.io/app/components/tabset/demos/basic/plnkr.htmlで

警告があった：

Template parse warnings: 
The <template> element is deprecated. Use <ng-template> instead ("[WARNING ->]<template ngFor [ngForOf]="parts" let-part let-isOdd="odd"><span *ngIf="isOdd" class="{{highlightClas"): ng:///NgbTypeaheadModule/NgbHighlight.html@0:0 

警告に記載のコードは<template>要素を、<ng-template>を使用しないので、これは誤解を招くました。エラーメッセージの

最初の行は以下の通りであった。他の人がこれらのメッセージを得るとき

ERROR TypeError: Cannot read property 'templateRef' of undefined 

ERROR CONTEXT DebugContext_ {view: Object, nodeIndex: 3, nodeDef: Object, elDef: Object, elView: Object} 

Unhandled Promise rejection: Cannot read property 'templateRef' of undefined ; Zone: <root> ; Task: Promise.then ; Value: TypeError: Cannot read property 'templateRef' of undefined 

Error: Uncaught (in promise): TypeError: Cannot read property 'templateRef' of undefined 

うまくいけば、彼らはこのスレッドを見つけます。

警告メッセージとエラーメッセージがあまりにも誤解を招くことがなく、不明確な場合は役立ちます。