Javascript 如何在AngularJS中附加动态div？ .directive（'mydirective'，[function（$scope，$document，windowService）{ 返回{ 链接：功能（范围、元素、附件）{ ---还有代码吗--- var containers=$（'.container'）； containers.bind（'click'，函数（事件）{ var elem=event.currentTarget； elem.append（'test'）；//追加失败 }); } }]); TypeError:“undefined”不是函数（计算“elem.append（'test'））

我刚开始使用AngularJS，但遇到了上述问题，我试图在容器中添加一个div。

试试这个

.directive('mydirective', [function($scope, $document,windowService) {
return{
    link : function(scope,element,attars){
        --- Some more code —--

        var containers = $('.container’);
        containers.bind('click', function(event) {
            var elem = event.currentTarget;
            elem.append('<div>test</div>’); //Appending is failing
        });
    }
}]);

TypeError: 'undefined' is not a function (evaluating 'elem.append('<div>test</div>')')    

containers.bind（'click'，函数（事件）{
var elem=event.currentTarget；
$（elem）.append（'test'）；//追加应该可以工作
}

由于

elem

可以是HTML输入对象，您必须将其转换为jQuery对象才能使用jQuery的

.append（）

方法！因此请将

elem

变量包装在

$（）

周围。它应该可以使用

.directive('mydirective', [function($scope, $document,windowService) {
return{
    link : function(scope,element,attars){
        --- Some more code —--

        var containers = $('.container’);
        containers.bind('click', function(event) {
            var elem = event.currentTarget;
            elem.append('<div>test</div>’); //Appending is failing
        });
    }
}]);

TypeError: 'undefined' is not a function (evaluating 'elem.append('<div>test</div>')')    

containers.bind（'click'，函数（事件）{
var elem=event.currentTarget；
$（elem）.append（'test'）；//追加应该可以工作
}

由于

elem

可以是HTML输入对象，您必须将其转换为jQuery对象才能使用jQuery的

.append（）

方法！因此请将

elem

变量包装在

$（）

周围。它应该可以使用

.directive('mydirective', [function($scope, $document,windowService) {
return{
    link : function(scope,element,attars){
        --- Some more code —--

        var containers = $('.container’);
        containers.bind('click', function(event) {
            var elem = event.currentTarget;
            elem.append('<div>test</div>’); //Appending is failing
        });
    }
}]);

TypeError: 'undefined' is not a function (evaluating 'elem.append('<div>test</div>')')    

containers.bind（'click'，函数（事件）{
var elem=event.currentTarget；
$（elem）.append（'test'）；//追加应该可以工作
}

由于

elem

可以是HTML输入对象，您必须将其转换为jQuery对象才能使用jQuery的

.append（）

方法！因此请将

elem

变量包装在

$（）

周围。它应该可以使用

.directive('mydirective', [function($scope, $document,windowService) {
return{
    link : function(scope,element,attars){
        --- Some more code —--

        var containers = $('.container’);
        containers.bind('click', function(event) {
            var elem = event.currentTarget;
            elem.append('<div>test</div>’); //Appending is failing
        });
    }
}]);

TypeError: 'undefined' is not a function (evaluating 'elem.append('<div>test</div>')')    

containers.bind（'click'，函数（事件）{
var elem=event.currentTarget；
$（elem）.append（'test'）；//追加应该可以工作
}

---

由于

elem

可以是HTML输入对象，您必须将其转换为jQuery对象才能使用jQuery的

.append（）

方法！因此将

elem

变量包装在

$（）

。使用它应该会更好。删除对JQuery的依赖，因为Angular core只使用JQLite。这基本上是相同的事情。

containers.bind（'click'，函数（事件）{
var elem=event.currentTarget；
angular.element（elem.append（'test'）；//追加应该可以工作
}

最好使用它。删除对JQuery的依赖性，因为Angular core只使用JQLite。这与发生的情况基本相同。

containers.bind（'click'，函数（事件）{
var elem=event.currentTarget；
angular.element（elem.append（'test'）；//追加应该可以工作
}

最好使用它。删除对JQuery的依赖性，因为Angular core只使用JQLite。这与发生的情况基本相同。

containers.bind（'click'，函数（事件）{
var elem=event.currentTarget；
angular.element（elem.append（'test'）；//追加应该可以工作
}

最好使用它。删除对JQuery的依赖性，因为Angular core只使用JQLite。这与发生的情况基本相同。

containers.bind（'click'，函数（事件）{
var elem=event.currentTarget；
angular.element（elem.append（'test'）；//追加应该可以工作
}