0

簡略化すると、次の問題があります.jquery関数.append()、Angularディレクティブを使用してdivに追加したいのですが、機能しません。私は自分の主張をするためにjsfiddleを作成しました。http://jsfiddle.net/H26eg/2/

なぜ機能しないのか、どうすればよいのか分かりますか?

これに関連していると思いますhttp://docs.angularjs.org/api/ng.$compileが、わかりません..

どうもありがとう !

編集:私は2つのディレクティブを使用して上記を実行し、次のように1つのディレクティブを別のディレクティブから呼び出しました: http://jsfiddle.net/H26eg/6/。問題は、通常template:"html_text"の anpr ディレクティブの代わりにtemplateUrl: "path_to_html_file"再度使用すると、ディレクティブがコンパイルされないことです。誰かが templateUrl ディレクティブをコンパイルする方法を教えてもらえますか?

4

1 に答える 1

1

最後に、コントローラー関数を使用してそれを行いました:

<div data-ng-controller="SetupController">

    <input data-ng-click="addAnpr('tabs_1','anpr')" type="button" value="Add"/>

    <div id="tabs_1">

    </div>

</div>  

..

app.controller('SetupController', function ($scope, $compile) {
$scope.addAnpr = function (tab,drctv) {
    var el = $compile('<'+drctv+'/>')($scope);
    $('#'+tab).append(el);
}
});

app.directive('anpr', function () {
    return{
        restrict: 'E',
        templateUrl: 'app/partials/SETUP/anprTab.html'
    }
});
于 2013-07-04T08:31:12.527 に答える