問題タブ [angular2-inputs]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
1387 参照

javascript - Angular 2 の変更検出は、配列と @Inputs で数秒遅れました

私は Angular 2 の変更検出に関する情報が山ほどあることを知っており、それを理解するために最善を尽くしてきました。私の問題は、配列の可変性プロパティと関係があるのではないかと思いましたが、よくわかりません。これらの「バケット」が Firebase から入ってくるので、それらを配列にプッシュし、それを子コンポーネントに渡します。これはすべて機能し、配列はすぐにいっぱいになりますが、ページに表示されるまで数秒かかります。(ただし、いくつかの setIntervals と setTimeouts を追加しようとすると、はるかに迅速に動作しますが、そのような明確な解決策がない限り、そのハックを実行したくありません。) 舞台裏で何が起こっているのかを十分に理解している人はいますか?簡単に説明して助けてくれませんか?ありがとう!

0 投票する
1 に答える
220 参照

angular - Angular 2 チェックボックス検証クラス

Validators.required が設定された formGroup 内にチェックボックスの入力タイプがあります。問題は、チェックボックスの検証をクリックすると、クラス ng-untouched が ng-touched に変更されないことです。この問題を解決するにはどうすればよいですか?

ありがとう

0 投票する
4 に答える
99706 参照

angular - Angular 2 で子コンポーネントから親コンポーネントのプロパティを更新する

@input子コンポーネントの要素の 1 つで CSS クラスをアクティブにするために、親コンポーネントからプロパティを受け取るために使用しています。

親からプロパティを受け取り、クラスをアクティブにすることもできます。しかし、これは一度しか機能しません。親から受け取っているプロパティはブール型のデータ型であり、そのステータスをfalse子コンポーネントからに設定すると、親で変更されません。

プランク: https://plnkr.co/edit/58xuZ1uzvToPhPtOING2?p=preview

app.ts

header.ts

header/search.ts

上記のプランカを確認してください。オープン検索機能は一度だけ機能します。検索を閉じた後、再度トリガーされることはありません。

@inputこのシナリオの適切な使用例はありますか? これを修正するのを手伝ってください。(プランカーを更新してください)。

0 投票する
1 に答える
458 参照

angular - 「プロパティ '...' はタイプ FirebaseObjectObservable に存在しません" @Input で受信したデータを操作する際のエラー

その console.logsを介して子コンポーネントに配信されるデータのチャンクがありますが@Input、データを操作すると、アクセスしようとしているオブジェクトが type に存在しないというエラーがスローされますFirebaseObjectObservable<any>

データのチャンクがどのように構造化されているかを次に示します

子コンポーネント内では、このように配信されています

この子コンポーネントは、他の親コンポーネントで使用され、呼び出された親コンポーネントに応じて設定する独自の子コンポーネントがあります。これまでのところ、if ステートメントを使用して、表示されるデータのセットを決定すると考えました。ここまではこんな感じ

私はそれを使用して、このようなテンプレート内の他の要素を切り替えています

親コンポーネントに基づいて必要な質問を送信するためにこれを行っています.1つの部分だけに限定されているわけではありませんが、すべてで使用されているわけではないため、手動で設定して使用するだけだと考えまし*ngIfた.必要に応じてオンとオフを切り替えます。

が受け取ったquestionsオブジェクトに@Inputは 3 つの質問があります。expbTrigger = true質問 1 と 2 を使用したい場合。質問rebbTrigger = true3 を使用したい場合。このコードが機能すると考えました。

しかし、私はこのエラーが発生します

質問2と3についても同じことが言えます。コードをコメントアウトして実行console.log(questions)すると、ログに記録され、その中のすべての質問が表示されます。同様に移動しようとしましたngAfterViewInitが、同じエラーが発生しました。私が目にするすべての例は、ほぼ 1 層のデータであるため、ネストされたデータ本体の取得に関して何が間違っているのかを判断するのは困難です。誰でも助けることができますか?

0 投票する
1 に答える
3151 参照

angular - angular2 - リファレンスvalue プロパティを変更するコンポーネントのテンプレート参照変数

Angular2 のコンポーネントの要素の value プロパティにアクセスするにはどうすればよいですか?

テンプレートで:

コンポーネント コード内:

myInput.value をコードに渡すことができることはわかっていますが、関数を使用して要素の .value プロパティを更新するためにも参照が必要です。

グローバル変数をできるだけ少なくする方がクリーンだと思うので、グローバル変数への双方向バインディングを含まない方法があるかどうかを知りたいです。ありがとう!