問題タブ [ngfor]

Angular 2 のドキュメントは正しいようです。*ngFor="let hero of hero" を使用して app.html で呼び出されたときに、app.component.ts にある私の文字列配列が認識されないようです。

チュートリアルを実行しようとしているだけで、すべてのヘルプが大歓迎です!

app.component.ts

app.html

私は6つのオブジェクトを持つ配列をループしており、最大4つの要素だけをループしたい場所でngForを使用しています..どうすればそれを行うことができますか??

LengthArray には 6 がありますが、最大 4 つのレコードのみをループする方法は??

また、別の div で 4 番目のレコードから 6 番目のレコードまでループしたい..どうすれば 4 番目のレコードから開始できますか??

ユーザーのテーブルを表示しようとしています。すべての<tr>タグは次のように記述されUserRowComponentます:

私が使用しているユーザーのループの場合:

しかし、その結果、内部にタグを持つ複数の<user-row></user-row>タグを持つテーブルを取得します。<tr>

解決策があります-selectorプロパティを次のように設定し、テンプレートからtr.user-rowwrpapping<tr>タグを削除し<user-row>ます。

<user-row>しかし、次のように直後に、同じテーブル内の各ユーザーの注文のリストを表示する必要がある場合はどうすればよいでしょうか。

したがって、selector タグでラップせずに、プロパティ*ngForからコンテンツのみを表示するために使用すると便利です。templateコンポーネントのテンプレートは次のように記述されます。

そしてのテンプレート<user-order-list>：

のテンプレート<user-order-row>:

ブートストラップ col-xs-4 の 3 つを条件付きで 1 行にラップしようとしています。col-xs-4 のレンダリングは正常に行われていますが、それらを条件付きで連続してラップする方法がわかりません。これが私の現在のNgForではありません：

私がやりたいのはこのようなことですが、それが間違っていることはわかっているので、これを行う正しい方法は何ですか:

編集

その答えは、ガンターが提案したとおり、データを再編成して行にグループ化することでした。次に、テンプレートを次のように整理できます。

Angular2 で ngModel を使用してインライン編集を実装しようとしています。ngFor を使用して反復する必要があり、ngModel も使用する配列があります。この配列にインライン編集を適用しようとすると、配列の変数ごとに 1 文字しか編集できません。

ここで実際の例を見つけることができます。

ngModel と ngFor を一緒に使用しているコンポーネントのコードは次のとおりです。

誰かが私を助けることができれば、それは素晴らしいことです.

HTML の貨物変数に何か問題があるようです:

app/freightList.component.html のエラー:13:8 '[object Object]' を比較しようとしているときにエラーが発生しました

以下はコードです

いくつかのラベルをリストする必要があるこのモバイル アプリを作成しています。コードは次のようになります。

*ngFor のラベルはまったく表示されません。ループがまったく機能していないように感じます。Nativescript の Web サイトでドキュメントを確認したところ、非推奨の古いバージョン (let の代わりに # を使用) があり、どちらも機能しないようです。私の間違いを教えていただければ幸いです。また、可能であれば、Nativescript の Web サイト以外の場所を教えていただけると助かります。

最初と最後のラベルが正しく表示されていることは言うまでもありません。

[編集] *ngFor="let item of items items 配列を認識していないようです。{{}} で外挿しようとしましたが、エラーが発生しました。