問題タブ [angularjs-components]

親コンポーネントと別のモジュールのコントローラーを必要とする AngularJS 1.5 (Webpack を使用) コンポーネントの (子) コントローラーを単体テストしようとしています。

子コントローラーの構造:

子コンポーネント:

だから私がやりたいのは、childController の submit() 関数で必要な parentCtrl をモックアウトすることです。実際にこれを行う方法を見つけることができませんでした。私はいくつかの同様の子親ディレクティブソリューションを見つけて試しました。たとえば、この子親ディレクティブの例で説明されているように、偽の HTML 要素を介して親コントローラーを挿入し、基本的に同じスタックオーバーフローソリューションを結果なしで挿入しました。私の問題は、少なくとも子コントローラーと親コントローラーが異なるモジュールにあるという点で異なります。そして、スコープ トリックは Angular 1.5 スタイルではないと思いますか?

失敗した模擬試行を除いた Jasmine テストのスケルトン:

その結果、TypeError: Cannot read property 'submitTextSearch' of undefined. 親コントローラーをモックアウトするにはどうすればよいですか? Angular での経験が限られているため、アイデアがありません。

コンポーネントベースの AngularJS 開発を行うために WebStorm を使用しています。

複数のアプリケーション バリアントをアセンブルするために複数のモジュールを使用しているため、WebStorm の Refactor -> Move 機能を使用して、Angular コンポーネントとそのテンプレートをプロジェクト構造内の別のフォルダーに移動することがよくあります。

私がそうするたびに、コンポーネントtemplateUrlプロパティのテンプレートへのパスがリファクタリングされます

に

パスのリファクタリングに同じ参照ポイント (基本的にはアプリ フォルダー) を使用するよう WebStorm に指示できますか? となるように

代わりは？

私はいくつかの角度コンポーネントを構築してきましたが、一方向 ("<") バインディングと属性 ("@") バインディングの実際の違いは何だろうと思っていました。

一方が他方よりも好ましいシナリオはありますか? 属性が常に不変の文字列であり、補間する必要があるのは簡単ですか?

AngularJSでユーザーのリストを表示しようとしています

それぞれがカスタムコンポーネント要素を持つユーザーになります コンポーネントには2つのボタンがあります

• 最初に、コンポーネント要素を DOM から削除する必要があります (そして、ウォッチャーなどを破棄します)。ただし、ユーザーのリストは変更しないでください。

• 2 つ目は、コンポーネントを削除する必要があり、かつリストからユーザーを削除する必要があります

Plunkrでこのサンプルケースを用意しました

リンク要素を使用したディレクティブの使用方法を検索して見てきましたが、ここで適用する方法がわかりません。

プログレスバーに対応する AngularJS コンポーネントを作成しようとしています。これは、この質問のために作成された JSFiddle ですhttp://jsfiddle.net/Lvc0u55v/6725/

私のアプリケーションとコンポーネントの定義は次のとおりです。

そして、次の HTML コード:

widthコンポーネント コントローラでの属性の定義にもかかわらず、AngularJS は定義されたテンプレートでそれを見つけることができません。

AngularJS の学習を始めたばかりなので、このコードを効率的にデバッグするのに苦労しています。