問題タブ [angular2-directives]

親コンポーネントの関数を子コンポーネントのプロパティにバインドしようとしています。

これは私が持っているものです

これが私がそれを使用している方法です

しかし、うまくいかないようです

ページでjQuery UI Sortablesを使用できるように、Angular 2で簡単なディレクティブを作成しようとしています。

directive現在、ソート可能なページでどの関数を呼び出す必要があるかを知らせたいところに行き詰まっていますComponent。ソート可能なプラグインでイベントに関数を登録できるので、これが欲しいです。ページのコンポーネントでその関数を呼び出すディレクティブが必要です。

私は現在これを持っています：

アイデアは、sorting属性を持つ HTML 要素を作成することです。属性を含むstop-sorting-event="functionOnComponent()"。

これは、現在のページのコンポーネントの関数である必要があります。しかし、明らかにこれはこのようには機能しません。私のディレクティブは、別のコンポーネントでそれを呼び出そうとする必要があることを認識していません。

では、どうすればこれを行うことができますか？ページ コンポーネントへの参照を取得する方法はありますか?

アップデート

@Output注釈付きのイベントを使用して、pixelbits の提案は素晴らしいと思います。しかし、jQueryUI と組み合わせて動作させるのは難しいようです。jQueryUI がディレクティブのプロパティを読み取れないようです。

ここに、私が何を意味するかをよりよく理解するためのデモがあります: http://plnkr.co/edit/Hfc5vxuMLW6yQwr4qW2W?p=preview

配列から最初のインデックスをスキップするにはどうすればよいですか?

私は、それ自体が People の配列を持つ Queue を持っています。Queue 内から、person テンプレートで定義されている各 Person を表示したいと思います。

queue.ts

person.ts

私が望むもの

私が得るもの

例外: String のプロバイダはありません! (人 -> 文字列) in [Queue@1:16 の人物]

概要

ディレクティブ自体で定義されたテンプレートを使用して、ディレクティブのリストをレンダリングしたいと思います。

Angular2 のサイズ変更イベントでウィンドウ幅を取得する方法を理解しようとしています。これが私のコードです：

私は提供を使用してbootstrap.tsファイルにウィンドウプロバイダーをグローバルにインポートして、アプリ全体からウィンドウへのアクセスを取得しています。私が抱えている問題は、これによりウィンドウサイズが得られることですが、ウィンドウのサイズを変更すると、ウィンドウのサイズが変わっても同じサイズが何度も繰り返されます。console.log の例の画像を参照してください: スクリーンショット画像

私の全体的な目標は、ウィンドウ番号を変数 onresize に設定して、テンプレートでアクセスできるようにすることです。ここで私が間違っていることについてのアイデアはありますか?

ありがとう！

angular2のudemyコースでangular2をちりばめていますが、先生は html 要素を強調するディレクティブを書きました。

私はfallowとしてやろうとしていますが、私に_renderer.setElementStyleは例外がスローされます。

例外: TypeError: [null] で未定義のプロパティ 'background-color' を設定できません

指令:

ディレクティブを使用するタンプレート:

教師のワークスペース:

誰かが私が間違っていることを見つけることができますか?

ありがとう。