問題タブ [angular-components]

次の方法でコンポーネントを実装しました

私はそれを<my-component b1="someThing1" b2="someThing2"></my-component>

myController今、私は、にある別のテンプレートで同じものを使用したいと考えていますtemplatePath2.tpl.html。

1 つの方法は、別のコンポーネントを作成することですmyComponent2。

以前のコンポーネントを使用して、attr に基づいて templateUrl を選択する方法はありますか? はいの場合、どのようにそれを行うべきですか？

「foo」というコンポーネントを作成しようとしています。このコンポーネントはラベルを取り、「hello {{$ctrl.label}}」と表示します。また、クリック時にコールバック関数を呼び出します

<foo label="'bar'" callback="$ctrl.myCallback()"</foo>

これまでのところ、すべて順調です。私のコントローラーは実際にコールバックを取得します

だから今、私はこの要素を ng-repeat に入れました: <foo ng-repeat="item in $ctrl.items" label="item.label" callback="$ctrl.myCallback(item)></foo>

クリック時にコントローラーに戻すものをコンポーネントで定義するにはどうすればよいですか? コンポーネントはitem渡されておらず、「ラベル」のみが渡されています。

私が読んだことから、私は次のようなことを言う必要があります this.callback({item: SomeObject});

ここで 2 つの質問があります。1) コンポーネントは「item」キーを提供する必要があることをどのように認識し、2) コンポーネントは SomeObject が何であるかをどのように認識しますか?

別の ng-repeat でコンポーネントを簡単に再利用できます。 <foo ng-repeat="order in $ctrl.orders" label="order.orderNum" callback="$ctrl.myCallback(order)></foo>

この場合、コンポーネントは注文オブジェクトをパラメーターとしてクリック コールバック関数に送信することをどのように認識しますか?

Angular 1.X のディレクティブは、デフォルトで双方向バインディングを持つように設定されています。コンポーネントには、デフォルトで分離されたスコープがあります。次のようなビューがあります。

上記をディレクティブとして設定した場合controllerVariable、次の状況で正しくロードされます。

しかし、次を使用してコンポーネントとして設定した場合：

変数値は表示されません。$ctrl変数に追加しようとしました：

しかし、これも値を表示しません。

ここで何が欠けていますか？

このエラーを含むスタックオーバーフローに関する投稿がたくさんあります。

それらのほとんどは、N gTableParams の最初の大文字に関連しているようです。さて、私はこれの世話をしました。しかし、それは機能しません:-(。ここからngTableの例を紹介しました: https://github.com/esvit/ng-table/tree/master/demo-apps/es6-webpack

これは私のコードです：

このエラーを解決するにはどうすればよいですか? たぶん、NgTableParams を $inject したい方法と関係があります。

編集: @Sajeetharan が言ったようにコードを更新した後、次のエラーが発生します。

このエラーは私に関係していますか? 内部のモジュールにエラーがあるようです:D.

EDIT2：

(@Sajeetharan) の例のように、すべてのモジュールに引用符を追加した後:

彼はもう角流星を見つけることができません?! ngTables を除くすべてのモジュールから引用符を削除しました。次に、このエラーが発生しました：

一部のデータにはヘルパーを使用します。$reactive: でこれを行います$reactive(this).attach($scope);。

テストのために、$reactive を削除しました。しかし、彼は私に、Ngtableparams はコンストラクターではないと言っています -.-:

私はあなたがまだこのすべてのエラーについて私を助けたいと思っていることを願っています:-(

Component.HTML ファイル:

これは component.js ファイルです:

2 秒ごとに新しいデータを取得する API 呼び出しがあり、新しいデータを取得するたびにテーブルを更新したいと考えています。Angular 1.5 を使用していますが、テーブルを更新する方法がわかりません。

私はAngularJSの初心者です。次のコードがあります。

次の js ファイルで定義されたコンポーネント:

ルーティングも構成した app.js ファイルの内容は次のとおりです。

私の問題は、コントローラーがロードされていないことです (アラート ウィンドウが表示されません)。誰かが私が間違っていたことを教えてもらえますか? (私のコードに関する補足的な詳細が必要な場合は、教えてください)