angularjs - AngularJSでのDOM操作の処理

Question

jQueryを使用してDOM操作（新しいHTMLの追加）を実行すると、AngularJSは新しいHTMLの変数を自動的に検出して、それらの値に置き換えません。例えば：

$scope.showSummary = function($event){

    $($event.currentTarget).html("<div>{{row}}</div>");

};

これは単純な例ですが、要素のHTMLを変更した後（この関数はによって呼び出されました）、コンテキスト/スコープで行が意味するものではなく、ng-clickそれを出力します。{{row}}

score 66 · Accepted Answer

インジェクト$compile（http://docs.angularjs.org/api/ng.$compile）して、angularが新しいhtmlを認識できるように使用する必要があります。

$compile('<div>{{row}}</div')($scope).appendTo($event.currentTarget);

ただし、コントローラーでDOM操作を行うことは、角度を変えて眉をひそめます。コントローラでビジネスを処理し、ビューでビューを処理する必要があります。

ディレクティブを試して、やりたいことを実行してください。http://docs.angularjs.org/guide/directive

2 に答える 2