問題タブ [angularjs-components]

次の Angular 1.5 コンポーネントがあります。

Angular のサイトの例に基づいて、私には正しいようです。ただし、ページにファイルを含めると、コンポーネントを登録できないというエラーが表示されます。

このコンポーネントへの参照を削除すると、ページは正常に読み込まれます。誰かが私が間違っていることを知っていますか?

編集:同じモジュール内に、同様に構成されたサービスがあります(関数にラップされ、空の配列なし-以下を参照)、正しく機能します:

EDIT2：@Frondorのおかげで、本当の問題はangular.component、オブジェクトを定義する前にオブジェクトを呼び出していたことにあることがわかりました。セクションを一番上に移動するvar EmployeeDetailと、問題が修正されました。

私のディレクティブには、テンプレート パスを生成するための定数 (MODULE_ROOT_URL) が必要です。ディレクティブ構文を使用すると、ディレクトリ ファクトリ関数に定数を挿入できます。このディレクティブを Angular 1.5 コンポーネントに変換するにはどうすればよいですか? Angular 1.5 コンポーネントにサービスを注入することは可能ですか?

ありがとう。

更新: サービスをコンポーネント コントローラーに挿入できることはわかっています。しかし、コンポーネントの templateUrl プロパティにサービスを挿入するにはどうすればよいでしょうか?

Update2: plkr を参照してください。ディレクティブとコンポーネントの両方のバージョンを作成します。ディレクティブ バージョンは正常に動作します。しかし、コンポーネントのバージョンにはエラー [ngTransclude:orphan] があります

https://plnkr.co/edit/DMumuIpXJY6RDCX6XObz?p=preview

通常、次のAngular Materialようなダイアログを表示できます。

代わりに、インラインオプションでコンポーネントを使用したいと思います。templateこれを実行しようとすると、画面が薄暗くなりますが、コンポーネントのビューは表示されません。

コンポーネントauth-modalがレンダリングされていないようです。

次のスニペットでは:

ドキュメントによると、「コンポーネントには明確に定義されたライフサイクルがあります」セクションinputでは、バインディングが変更されたことを監視するために、$onChangesライフサイクル メソッドを使用できます。私はそれを機能させることはできません。

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

function MyComponentController() { self.$onChanges = function (changesObj){ // ここにいくつかのコード } }

しかし、コードは関数に入ることさえありません。

Angular 1.5 でコンポーネントを使用する場合、@ を使用して文字列として変換せずにブール値である属性をバインドする簡単な方法があるかどうかを知りたいです。

たとえば、「app-menu」と「app-menuitem」という 2 つのコンポーネントがトランスクルードなしであるとします。「app-menu」には、「app-menuitem」を作成する項目のリストを含む 1 つの属性しかありません。

json である menuitems には、ブール値である「isactive」という名前の menuitem による属性があります。

menuitem コンポーネント内:

最後に、バグを引き起こす文字列ではなく、実際のブール値であることを確認する最善の方法がわかりません。誰にもアイデアがありますか？

新しいプロジェクトで使用するために Angular 1.5 コンポーネント ルーターをインストールしようとしていますが、多くの困難があります。https://docs.angularjs.org/guide/component-routerに従って、次のように動作するはずです。

ここに私が見るものがあります：

ノード v4.4.2 および npm v3.8.6 を使用。

ドキュメントに記載されている構文でangularをインストールできないため、間違ったバージョンのnpmまたは何かを使用しているように感じます（npm install@1.5.x angular --save）。試してみると、Usage: npm <command>コマンドさえ認識しないような一般的なエラーが発生します。

私は何か間違ったことをしていますか？パッケージが引っ張られたり移動したりしましたか? どんな助けでも大歓迎です。

bindings.inputPhpStorm で型ヒントを受け取るようにjsdoc を作成する方法は? 通常、変数に注釈を付ける次のjsdocを試しましたが、機能しません。

コントローラー関数で変数を再割り当てできることは知っていますが、匂いがします：