jquery - 如何使用jquery动态添加角度指令

Question

我是 Angular JS 的新手。我有以下角度指令

angular.module('components', []). directive('newissueedtr', function () { return { restrict: 'E', transclude: true, scope: {}, template: '<div><textarea></textarea></div>', replace: true };

我想从 jquery 动态添加这个指令，比如，

$('body').append('<newissueedtr></newissueedtr>')

上面的 jquery 代码不起作用。可能吗？或者有没有其他方法。

Answer 1

这是一个示例，您需要根据需要进行修改。 http://jsfiddle.net/paulocoelho/fBjbP/2/

var module = angular.module('testApp', [])
    .directive('test', function ($compile) {
    return {
        restrict: 'E',
        scope: {
            text: '@'
        },
        template: '<p ng-click="add()">{{text}}</p>',
        controller: function ($scope, $element) {
            $scope.add = function () {
                var el = $compile("<test text='n'></test>")($scope);
                $element.parent().append(el);
            };
        }
    };
});

function crtl($scope) {}