web-dev-qa-db-ja.com

「let-」はng-template要素でのみサポートされます

フロントエンドアプリケーション（Angular5.1.x）を実行しようとしていますが、テンプレート解析エラーのために停止します。

"let-" is only supported on ng-template elements. ("
</thead>
<tbody>
<template ngFor [ngForOf]="rows" [ERROR ->]let-rowz="$implicit" let-    index="index">
<tr *ngIf="!(datePicker.onlyCurrentMonth && rowz[0].sec"):     
ng:///DatepickerModule/DayPickerComponent.html@52:58
    at syntaxError (compiler.js:485)
    at TemplateParser.parse (compiler.js:24633)
    at JitCompiler._parseTemplate (compiler.js:34442)
    at JitCompiler._compileTemplate (compiler.js:34417)
    at compiler.js:34318
    at Set.forEach (<anonymous>)
    at JitCompiler._compileComponents (compiler.js:34318)
    at compiler.js:34188
    at Object.then (compiler.js:474)
    at JitCompiler._compileModuleAndComponents (compiler.js:34187)

私は、ngx-bootrap @ ngx-bootstrap @ 2.0.0-beta.8を使用する必要があると述べているこのトピックの問題に従う必要があると考えましたが、それまたはv.2.0.0-rc.0では動作しません

https://github.com/valor-software/ngx-bootstrap/issues/3024

...どんな助けも大歓迎です

htmlangularnpmfrontendngx-bootstrap
10
Leif Walder

ここにはない <template> v2 +のタグ、クリーンインストールを実行し、ngx-bootstrap v2 +が存在する場合はパッケージロックをチェックしていることを確認してください

4
valorkin

Angular 4.x.xから5.x.xにアップグレードしたときにこのエラーが発生しました。元のコードは次のとおりです。

<template let-item>

</template>

これはAngular 4でうまくいきましたが、5では失敗しました。単にng-templateは正常に機能しました（パッケージのインストールは不要で、キャッシュのクリーンアップは不要です）：

<ng-template let-item>

</ng-template>
7
Alexei

ngx-bootstrap 1.x.xは、<template>で廃止されたangular 5.x.xを使用します。 ngx-bootstrap 2.X.Xにアップグレードする必要があります

アップグレードするには以下を実行してください

npm uninstall --save ngx-bootstrap
npm cache clean -f
npm install --save ngx-bootstrap
4
Kalim ul Haq

すべてを検索する

  1. <templateおよび<ng-templateに置き換えます

  2. </template>および</ng-template>に置き換えます

1
lilhamad

Htmlファイルではng-templateタグを使用しませんが、app.model.tsにngxモジュールをインポートしている場合、これが実行されます。 app.model importステートメントを削除し、ビルドして確認します。

ありがとうございました。

0
Viranja kaushalya

また、同じ問題に直面していました。問題により、私が作成した配列は

<ng-template  ngFor [ngForOf]="names" let-name="$implicit" let-i="index">
  <div><span>{{i+1}}</span> <span> {{name.name}}</span></div>
</ng-template>

お気に入り ：-

names= [{id:1,name:'shashikant'},{id:2,name:'Rakesh'},{id:3,name:'Umesh'}];

それから私は：-

names:Array<any>= [{id:1,name:'shashikant'},{id:2,name:'Rakesh'},{id:3,name:'Umesh'}];

タイプを配列に指定

0
Shashikant Pandit