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) {}

如何使用jquery动态添加angular指令

1 个答案: