問題タブ [angular2-directives]

私は、ui のタブを使用する必要がある angular2 i に取り組んでいます。そのために、プラグインhttp://valor-software.github.io/ng2-bootstrap/を使用しようとしています

私はdemoComponentを次のように書きました

ここに私のテンプレートがあります

しかし、それをgulpコンパイルすると、エラーが発生します

正しく実行するように修正してください。

Angular2 テンプレート構文に関する Victor Savkin の投稿から、入力および出力プロパティ バインディングの使用方法を示します -

入力プロパティは @Input() で装飾され、出力プロパティには @Output() があります。2 方向のプロパティ バインディングを持つプロパティをどのように宣言すればよいですか? 例: rootpanel コンポーネントに「suggestions」プロパティ (文字列型) があり、searchPanel に「getSuggestions」プロパティがあるとします。ここで、2 つのプロパティを双方向でバインドしたいと考えています。私は試した -

rootpanel.html:

しかし、searchPanel コンポーネントで getSuggestions プロパティを宣言しているときに行き詰まりました。また、 getSuggestions プロパティのタイプは何string or EventEmitter<string>ですか?

提案してください。

Angular 2 ベータ版を試していて、セマンティック UI ドロップダウン コントロールを Angular 2 コンポーネントとして使用したいと考えています。

http://semantic-ui.com/modules/dropdown.html#converting-form-elements

私の小さなサンプルプロジェクトはここにあります:

https://github.com/uNki23/angular2semantic/

ここでわかるように、Angular 2 コンポーネント 'UiSelectComponent' 内にラップしました。

https://github.com/uNki23/angular2semantic/blob/master/src/app/components/ui-select.component.ts

他のコンポーネントは、2 つのオブジェクトを渡すことによって UiSelectComponent を使用する必要があります: 可能な選択肢を保持する配列と、オプションの事前定義された選択された選択肢です。'value' (数値) と 'displayValue' (文字列) の 2 つのプロパティを持つ選択 'SelectOption' のインターフェイスを作成しました。コンポーネントは次のように使用する必要があります。

https://github.com/uNki23/angular2semantic/blob/master/src/app/components/app.component.html

最初の質問: 私が達成したいことは、事前に選択されたオプションが UiSelectComponent に渡され、ユーザーの選択がそのオプションを変更し、そのオプションが選択されたオブジェクトを親コンポーネントから変更する必要があることです。親コンポーネントが UiSelectComponent から選択されたオプションを知る必要があることは明らかですよね?

2 番目の質問: setTimeout() 関数内で .dropdown() 関数をラップすると、セマンティック UI ドロップダウン内で最初に選択されたオプションを設定するだけで機能します。Angular 2 では、変更を可視化するためにそのようなものはもう必要ないと思いましたか?

この 2 日間で見つけたあらゆる方法を試しました。今、あなたの助けが必要です :)

前もって感謝します！！

私は typescript を使用して angular 2 に取り組んでおり、このhttps://github.com/josdejong/jsoneditor for angular2 のような実行可能な jsoneditor があるかどうか疑問に思っていますか?

ありがとう

Angular 1 ディレクティブの 1 つを Angular 2 コンポーネントに移行し始めました。

私が現在使用しているディレクティブにはcontrollerAs: 'ctrl'プロパティがあり、ディレクティブのテンプレートは'ctrl.'プロパティにアクセスするときにプレフィックスを使用します。

公式の ComponentMetadata doc を見ると、この代わりに使用できるプロパティはありません。

Angular2あるコンポーネントの対応する要素が何らかの属性/クラスでタグ付けされているかどうかを開発者が確認する方法はありますか?

以下の html があるとします。

label-directivelabel 要素でマークされているのはコンポーネントAngular2であり、2 つのdynamically-set-classとは、ユーザー入力に基づいてdynamically-set-attribute動的に制御されます。outer-controller

ラベルまたは属性のクラスをリセットするたびにouter-controller、キャッチされたイベントが発生するlabel-directiveためlabel-directive、実行時の属性/クラス設定に基づいて動的に何かを行う必要があります。

Angular2ただし、既存の公式ドキュメントには例が見つかりません