問題タブ [angular2-template]

私はタイプスクリプトでこのコンポーネント定義を持っています:

この記事によると: http://blog.thoughtram.io/angular/2015/06/25/styling-angular-2-components.html スタイルセクションと外部スタイルシートの両方のスタイルをヘッダーにインライン化する必要があります角度によって。

残念ながら、2 番目は注入されず、angular はスタイル セクションの 1 つだけを注入します。

ブラウザから /styles/sandbox.css にアクセスしてみましたが、問題ありません。Angular は /views/sandbox.html にもアクセスできるため、なぜアクセスできないのかわかりません。

私が使用している: "angular2": "2.0.0-beta.2" (最新のベータ版 AFAIK)

チェックボックスの状態が変化したときにイベントを発生させるために考えられることはすべて試しましたが、うまくいかないようです。

ここにhtmlがあります

これが toggleRoleActive()
編集です:

私が直面している課題の 1 つは、サーバーからデータを取得するときに、ボタンをオンまたはオフにする必要があることです。しかし、ロールを非アクティブ化または再アクティブ化したい場合は、チェックボックスに応答してもらいたいです。

[(ngModel)]、およびはるかに単純なソリューションを使用してみ(change)ましたが、イベントをトリガーしたのは だけですが、[(ngModel)]そのようにすると、true/falseではなく'Y'/になり'N'ます。また、私が使用する場合[(ngModel)]、サーバーが送信するデータに関係なく、チェックボックスは常にチェックマークが付けられます。

ドラッグ可能な要素であるコンポーネントを作成しました。

• 単一の要素として使用すると、ドラッグ開始イベントが発生し、ドロップゾーンにドラッグされる可能性があります。

• プリミティブ リスト (数値) の ngFor を使用して作成すると、すべての要素でドラッグ開始イベントが発生し、ドロップ ゾーンにドラッグされる可能性があります。

• しかし、オブジェクトリストのngForを使用して作成すると、すべての要素がドラッグ開始イベントを発生させますが、ドロップゾーンにドラッグできませんでした(ドラッグされません) 。

次に例を示します。

オブジェクトのバインディングをドラッグ可能にするにはどうすればよいですか?

ページの読み込み時にアプリケーションをブートストラップするために、Angular 2 でブートストラップ メソッドを呼び出す前に AJAX リクエストを作成したいと考えています。

Angular を使用してこれを行うためにリッスンできるフックはありますか? バニラのjavascript ajaxリクエストでラップできることはわかっていますが、Angular 2でこれを行う標準的な方法があると思いました.Angular 2アプリをスピンアップする前に、サーバーから構成ファイルを取得する必要があります.

私は angular2 を初めて使用し、変更の検出に問題があります。ページの読み込み時に、Web ページを構築するための情報を取得するために API を呼び出す必要があります。私がしていることは、この情報 (配列に含まれている) を受け取ったら、*ngFor を使用して反復処理したいということです。これは、コース コンポーネントのコードです。

まず、angular2がthis.weeks変更されたという事実を検出しないのが正常かどうかを知りたいです。次に、作業を行うために ngAfterViewInit 関数を使用する必要があるかどうかわかりません。問題は、courseCompDiagramjquery を使用して ID を含む div を見つけてCompletion[...]変更する必要があるため、それを開始したことです (ハイチャートを使用して) ）。しかし、ページのロードの別の時点でこれらすべてを行う必要がありますか? このトピックに記載されているように ngZone と ChangeDetectionStrategy を使用してみましたが、私のケースではうまくいきませんでした。

問題が完全に解決しない場合でも、どんな助けも歓迎します。

したがって、これは 2 in 1 の質問です。

まず、コンポーネント html 内の要素が読み込まれたときに関数を起動しようとしています。私はそれをさまざまな方法で試しました<div [onload]="myFunction()">. 私の推測では、これは進むべき道ではありませんが、適切に機能させるのに十分な知識がありません。また、要素をパラメーターとして送信したいと思います。たとえば、実行<div #myDiv (click)="myFunction(myDiv)">は機能しますが、明らかに、これは上記の要素のオンロードでは発生しません。ここでの適切な方法は何ですか、またはquerySelectorを実行する義務があります...

次は、コンポーネント内の ElementRef の注入に関する質問です。さて、ドキュメントによると、「nativeElement」プロパティを使用するのは適切ではありません。理由がよくわかりません。コンポーネント内の要素への参照を持つことは良いことですよね? それとも、関心事の分離を監督していますか? 私の最初の質問がオプションでない場合、この要素参照を使用して、OnInit クラスの ngOnInit 関数で目的のオンロード起動要素の querySelection を実行したいので、質問しています。

angular2 のドキュメントは完全ではないため、すべての情報を歓迎します。ありがとうございました。