2013-06-27 4 views
9

私はAngularをかなり新しく使っていますが、過去数週間使用していて、私が遭遇した問題の多くを解決することができました。しかし、これは私に困ってしまった。フィルタ内にng-clickイベントを追加する

私は、Twitterからツイートを引き出し、角度フィルタを使ってすべてのURLを取り出し、リンクとしてスタイルを設定するアプリを持っています。この部分は正常ですが、クライアントはTwitterからのリンクが安全でないと判断し、リンクをクリックするたびに免責条項を発するようにしました。十分に簡単 - 私はリンクをハイジャックし、をng-click="openLink('url')"のために交換しました。これが問題の発生場所です。ng-clickは機能しません。

私はかなり問題が何かを持っていると確信しています$compile() - 私はこれまで同様の問題を抱えていましたが、いつどこで呼び出すべきか分かりません。

私はPlunkrを作成しました。これは、私が後にしたことの軽いバージョンです。上部のリンクは動的に読み込まれず、alertUrl()関数は正常に起動しますが、フィルタによって生成されたすべてのリンクは失敗します。

私はおそらく何かが本当にシンプルですが、私はしばらく私を悩まされているので、どんな助けも大いに感謝されるでしょう。

おかげで、
サム

+0

リンクは常に最後に表示されますか? – callmekatootie

答えて

15

さて、あなたは、アラート機能を解決するためのangularjs用にコンパイルする必要がありますを発するのhtml \コンテンツ正しいです。

私はあなたのplunkerを変更し、そして(hereから)コンパイルディレクティブを注入している

は、ここでは基本的な考え方は、動的にTwitterのフィードから生成コンテンツをコンパイルすることですアクションhere

でそれを参照してください。

<p compile="tweet.text | convertLinks"></p> 
+0

これはまさに私が必要としていたものです。 –

関連する問題