問題タブ [angularjs-directive]

このSOinitialize-google-map-in-angularjsでAndyJoslinの助けを借りてGoogleマップを初期化する方法を見つけたので、Googleマップオブジェクトを非同期でロードする方法を探しています。

phonecatプロジェクトでこれを行う方法の例を見つけました。

この例では、JSファイルがどのようにロードされているかに注意してください。index-async.html

プログラムにロードされているJadeScriptsパーシャルで、次のことを試しました。

これを実行してマップページをロードすると、次のようになります。

これは、Googleマップが現在サービスとしてロードされている方法です。

これは私が読んだことを思い出したことから約束を返すはずだと思われます。しかし、このAngularJSは私にとって非常に新しいものです。

私のAngularJSテンプレートには、次のようなカスタムHTML構文が含まれています。

私はそれを処理するためのディレクティブを作成しました：

を実行すると属性がGoogleChromeのJavaScriptコンソールから表示される場合でも、attrs.tooltip常にを返す式を除いて、すべてが正常に機能します。undefinedtooltipconsole.log(attrs)

なにか提案を？

更新：ソリューションはArtemによって提供されました。これを行うことで構成されました：

AngularJS + stackoverflow = bliss

私が書いたディレクティブの下を見つけてください。

このディレクティブを以下の方法でモジュールに追加しました。

このディレクティブをテンプレートで次の形式で使用しました。

ただし、アラートの応答もクラスも追加されていません。誰かがこれで私を助けてくれますか? 依存関係があるため、「ng-class」を使用したくありませんが、ng-repeat の最初の要素に class='active' を追加したいと考えています。

どんな助けでも大歓迎です。前もって感謝します。

私は AngularJS を使用する Rails 3.2 アプリに取り組んでいます。Angular で必要なことを実行することはできますが、自分が行っていることをテストする方法を理解するのに非常に苦労しています。私は Guard-jasmine を使用して、PhantomJS を使用して Jasmine 仕様を実行しています。

（関連する）htmlは次のとおりです。

javascript (coffeescript) は次のようになります。

上記のコードは、意図したことを正確に実行します。テストが問題です。私はそれらをまったく機能させることができません。これは私が試したことの1つです。これを投稿することは、ほとんどの場合、どこかで会話を開始するためだけです.

余談ですが、私は AngularJS を初めて使用するので、名前空間やモジュールなどに関して、私が守っていないベスト プラクティスがあれば、アドバイスをいただければ幸いです。

これが機能するためのテストを取得するにはどうすればよいですか?

リンク関数で複数の属性を同時に監視する方法がわからないので、すべてのパラメーターを使用してオブジェクトを作成し、監視します。しかし、リンク関数の属性がオブジェクトではなく文字列であることに気付いたので、angular.fromJson（val）を使用しています。

私が見つけたすべての例は、1つのパラメーターを使用するだけです

複数の属性を監視する方法を説明していただけますか？

ありがとう

編集：属性をバインドする必要があるため、attrsパラメーターを使用できません。つまり、属性には補間が必要です。例えば

$watchを使わないといけないと思います

AngularJSスコープ変数をディレクティブからコントローラーに渡す最も簡単な方法は何ですか？私が見たすべての例は非常に複雑に見えますが、ディレクティブからコントローラーにアクセスして、そのスコープ変数の1つを設定する方法はありませんか？

ここで発生している問題の JSFiddle を作成しました: http://jsfiddle.net/9qxFK/4/

小文字、数字、およびハイフンのみを許可する入力フィールドがあります (このフィールドは URL で使用されます)。

これを行うために、次の angular.js コントローラー メソッドがあります。

無効な文字の後に有効な文字が入力された場合にのみ、無効な文字が削除されます。

なぜこれがうまくいかないのか誰か教えてもらえますか？

ありがとう、スコット

内部のデータを操作するとき（たとえば、データの挿入または削除）にAngularディレクティブで変数をトリガーでき$watchますが、その変数に新しいオブジェクトを割り当てないようにするにはどうすればよいですか？

現在、JSONファイルからロードされている単純なデータセットがあります。私のAngularコントローラーはこれを行い、いくつかの関数を定義します。

関数を<button>適切に呼び出した$scope.addものがあり、新しいオブジェクトがセットに適切に挿入されてい$scope.dataます。設定したテーブルは、「追加」ボタンを押すたびに更新されます。

$scope.dataただし、これがすべて発生したときに、監視するように設定したディレクティブは実行されません。

タグをHTMLで定義します。

これは、次のディレクティブに関連付けられています（質問の健全性のためにトリミングされています）。

"I see a data change!"最初にメッセージが表示されますが、「追加」ボタンを押した後はメッセージが表示されません。

オブジェクトに割り当てるまったく新しいデータセットを取得せずに$watch、オブジェクトをオブジェクトに追加/削除するだけの場合、どうすればイベントをトリガーできますか？datadata

このトピックに関するAngularJSのドキュメントを注意深く読んだ後、ディレクティブをいじりました。これがフィドルです。

そして、ここにいくつかの関連するスニペットがあります：

• HTMLから：

  /li>

• ペインディレクティブから：

  /li>

私が得られないことがいくつかあります：

• と"{{title}}"一緒に使用する必要があるのはなぜですか？'@'"title"'='
• 要素を属性で装飾せずに、親スコープに直接アクセスすることもできますか？
• ドキュメントには、「分離されたスコープから式を介して親スコープにデータを渡すことが望ましい場合が多い」と記載されていますが、双方向バインディングでも問題なく機能するようです。なぜ表現ルートが良いのでしょうか？

式の解決策を示す別のフィドルも見つけました：http：//jsfiddle.net/maxisam/QrCXh/

次のディレクティブが機能しない理由を教えてください。

attrs.ngMydirectiveundefinedリンク機能の中にあるようです。

実例はこちら

HTML:

JS: