問題タブ [ngfor]

私の Ionic2 (Angular2) アプリケーションには、項目の配列をカプセル化するデータ サービスと、それらの項目を表示するページと、さらに項目を追加できるボタンがあります。

リストはブラウザで正常にレンダリングされ、リスト操作も正常に機能します。ただし、携帯電話にアプリケーションを展開すると、次の問題に直面し始めます。

リストは正常にレンダリングされますが、リストからアイテムを追加/削除すると、UI が更新されません。他のユーザー アクション (別の場所に移動する、ボタンをクリックするなど) を実行すると、UI が更新され、更新されたリストが表示されます。

ブラウザーでのテスト中にこの問題に直面していないことを繰り返します。これは、Android デバイスにアプリケーションをデプロイした場合にのみ発生します。

なぜこれが起こっているのか途方に暮れており、この問題をトラブルシューティング/解決するために何ができるかについてのアイデアがありません. =(助けてください！

編集

さらにテストすると、Ionic2 コンポーネントAlertが原因であることが明らかになりました。より具体的には、私がそれを使用している方法です。このAlertコンポーネントを使用すると、呼び出し元は.dismiss()メソッドを手動で呼び出してダイアログを閉じ、遷移が完了したときに解決される promise を返すことができます。この promise コールバックのリストを変更しています。

UPDATING...コンソールに出力されていることがわかります。しかし、動作は以前と同じです。UI はブラウザーで更新されますが、デバイスでは更新されません。他の UI アクションが実行されない限り (ボタンをクリックするか、別の場所に移動して戻るなど)。

ロジックを削除してAlert、ハンドラーに新しい人物を追加するだけonClickAdd()で、ブラウザーとデバイスの両方で正常に動作します。

ngModel の値を動的に設定する方法はありますか? 例えば

いくつかの調査を行いましたが、解決策が見つかりません。私の説明が明確でない場合は、より明確にするために、私が望むもののスキーマを作成しました。

私はこのような選択モデルを持っています:

私の値は、たとえば次のとおりです。

1. オプション1
2. テキスト付きの素晴らしいテキスト
3. オプション 2

選択の幅が狭いため、テキストが長すぎる場合は、選択したオプションを切り詰める必要があります。

しかし、これを行う方法がわかりません。「{{v.short_desc}}」を変更すると、選択したオプションだけでなく、すべてのオプションが(明らかに)影響を受けます。

これを行う方法はありますか？

ご協力いただきありがとうございます。

次のような JSON オブジェクトがあります。

オブジェクトのセッションの子にバインドしようとしています。完全なオブジェクトは、conferenceData という名前の変数にあり、タイトルを表示するために使用しているコードは次のとおりです。

これを行うと、次のエラーが表示されます: TypeError: Cannot read property 'sessions' of undefined in [conferenceData.sessions in ProductListComponent@65:17]

子を変数に代入すると:

次に、代わりに sessionData 変数にバインドすると、期待どおりに機能します。これは TypeScript と Angular 2 を使用しています。これは TypeScript の型の問題である可能性があると思いますが、この時点ではすべて JavaScript であると考えていました。どんな助けでも大歓迎です。

ありがとう！

angular 2でpbを持っています

配列の場合、「elm」の値にアクセスするにはどうすればよいですか? ご協力ありがとうございました。

Typescript で Angular 2 を初めて使用します。NgFor を使用して JSON の D と G にアクセスしたいと考えています。要素にアクセスする方法はありますか?

]

プランカーも作成します:プランカー

VS

何を使うのが良いですか？データの準備ができた後、またはElvis演算子を使用して未定義の値を回避した後にアイテムをレンダリングしないngIf 。