0

テンプレートがあります:

var template = '<div ng-click="sayHello()">{{text}}</div>'

私はそれを私のオブジェクトでコンパイルします:

var obj = {};
obj.text = "Hello!!!";
obj.sayHello = function(){alert("hi!");};
var angularTemplate = $interpolate(template)(obj);

angularTemplate をポップアップに追加します。ポップアップには、「Hello !!!」という正しい div が表示されます。...しかし、クリックしても何も起こりません。

また、スコープで再度補間して、関数をスコープに配置しようとしましたが、どちらも機能しません。

JS FIDDLE (なし) 何をしようとしているかの動作デモ

次に、「コンパイルされた」\「補間された」html が jquery ライブラリに転送され、そこにある html がポップアップとして表示されます。

助けてください。


なぜ私は補間を使用しているのかと尋ねた後、私が持っている別の方法を示します。おそらく、私の問題を解決する簡単な方法があります。

JSFIDDLE2 - 実際の問題に近い例を次に示します。

4

1 に答える 1