Javascript 如何在angularjs中向div添加元素？

我想在angularjs中向div添加元素。因此，请编写此代码，但不能正常工作。谢谢你的帮助：）

功能测试控制器（$scope）{
$scope.addElement=函数（）{
var myElements=angular.element（document.querySelector（“#form”）；
console.log（myElements）；
if（myElements.length==0）
警报（“未找到”）；
其他的
myElements.prepend（myElements[0].children[1]）；
}
}

---

如果我正确理解了您的问题，您想在每次ng单击时向div追加一个输入元素吗

您只需要使用jquery将div作为目标，并将其附加到元素中

---

请参见示例：

如果我正确理解了您的问题，您希望在每次ng单击时向div追加一个输入元素吗

您只需要使用jquery将div作为目标，并将其附加到元素中

---

请参见示例：

如果我正确理解了您的问题，您希望在每次ng单击时向div追加一个输入元素吗

您只需要使用jquery将div作为目标，并将其附加到元素中

---

请参见示例：

如果我正确理解了您的问题，您希望在每次ng单击时向div追加一个输入元素吗

您只需要使用jquery将div作为目标，并将其附加到元素中

---

参见示例：

以下是我尝试过的

$scope.addElement = function(){
    var myElements = angular.element(document.querySelector('#form'));
    console.log(myElements)

   console.log(myElements[0].children[1])
    if(myElements.length == 0)
     alert("Not Find");
    else{
        html = angular.element(myElements[0].children[1]).clone();  
        myElements.append( html);
    }

您应该使用角度克隆方法

编辑

---

这是我试过的

$scope.addElement = function(){
    var myElements = angular.element(document.querySelector('#form'));
    console.log(myElements)

   console.log(myElements[0].children[1])
    if(myElements.length == 0)
     alert("Not Find");
    else{
        html = angular.element(myElements[0].children[1]).clone();  
        myElements.append( html);
    }

您应该使用角度克隆方法

编辑

---

这是我试过的

$scope.addElement = function(){
    var myElements = angular.element(document.querySelector('#form'));
    console.log(myElements)

   console.log(myElements[0].children[1])
    if(myElements.length == 0)
     alert("Not Find");
    else{
        html = angular.element(myElements[0].children[1]).clone();  
        myElements.append( html);
    }

您应该使用角度克隆方法

编辑

---

这是我试过的

$scope.addElement = function(){
    var myElements = angular.element(document.querySelector('#form'));
    console.log(myElements)

   console.log(myElements[0].children[1])
    if(myElements.length == 0)
     alert("Not Find");
    else{
        html = angular.element(myElements[0].children[1]).clone();  
        myElements.append( html);
    }

您应该使用角度克隆方法

编辑

这里是

试试这个

   myElements.prepend(myElements[0].children[1].value);

试试这个

   myElements.prepend(myElements[0].children[1].value);

试试这个

   myElements.prepend(myElements[0].children[1].value);

试试这个

   myElements.prepend(myElements[0].children[1].value);

---

我修改了上述解决方案，向输入文本元素添加了其他属性（包括id）

var globalCntr = 0;
function TestController($scope) {
   $scope.addElement = function() {
        globalCntr ++;
        $('<input>',{
          type:'text',
          id:('inputText'+globalCntr)
       }).appendTo($('#target'));
   };
}

var globalCntr=0；
函数TestController（$scope）{
$scope.addElement=函数（）{
globalCntr++；
$('',{
类型：'text'，
id:（'inputText'+globalCntr）
}).appendTo（$（'#target'））；
};
}

我修改了上述解决方案，将其他属性（包括id）添加到输入文本元素中

var globalCntr = 0;
function TestController($scope) {
   $scope.addElement = function() {
        globalCntr ++;
        $('<input>',{
          type:'text',
          id:('inputText'+globalCntr)
       }).appendTo($('#target'));
   };
}

var globalCntr=0；
函数TestController（$scope）{
$scope.addElement=函数（）{
globalCntr++；
$('',{
类型：'text'，
id:（'inputText'+globalCntr）
}).appendTo（$（'#target'））；
};
}

我修改了上述解决方案，将其他属性（包括id）添加到输入文本元素中

var globalCntr = 0;
function TestController($scope) {
   $scope.addElement = function() {
        globalCntr ++;
        $('<input>',{
          type:'text',
          id:('inputText'+globalCntr)
       }).appendTo($('#target'));
   };
}

var globalCntr=0；
函数TestController（$scope）{
$scope.addElement=函数（）{
globalCntr++；
$('',{
类型：'text'，
id:（'inputText'+globalCntr）
}).appendTo（$（'#target'））；
};
}

我修改了上述解决方案，将其他属性（包括id）添加到输入文本元素中

var globalCntr = 0;
function TestController($scope) {
   $scope.addElement = function() {
        globalCntr ++;
        $('<input>',{
          type:'text',
          id:('inputText'+globalCntr)
       }).appendTo($('#target'));
   };
}

var globalCntr=0；
函数TestController（$scope）{
$scope.addElement=函数（）{
globalCntr++；
$('',{
类型：'text'，
id:（'inputText'+globalCntr）
}).appendTo（$（'#target'））；
};
}

通常，当您想要直接修改DOM时，有一种不用修改的方法

“角度思考”

功能测试控制器（$scope）{
$scope.textArr=[]；
var计数=1；
$scope.addElement=函数（）{
变量ele={
型号：'你好'+计数++
}
$scope.textArr.push（ele）；
}
}

{{textArr}}

通常，当您想要直接修改DOM时，有一种不用修改的方法

“角度思考”

功能测试控制器（$scope）{
$scope.textArr=[]；
var计数=1；
$scope.addElement=函数（）{
变量ele={
型号：'你好'+计数++
}
$scope.textArr.push（ele）；
}
}

{{textArr}}

通常，当您想要直接修改DOM时，有一种不用修改的方法

“角度思考”

功能测试控制器（$scope）{
$scope.textArr=[]；
var计数=1；
$scope.addElement=函数（）{
变量ele={
型号：'你好'+计数++
}
$scope.textArr.push（ele）；
}
}

{{textArr}}

通常，当您想要直接修改DOM时，有一种不用修改的方法

“角度思考”

功能测试控制器（$scope）{
$scope.textArr=[]；
var计数=1；
$scope.addElement=函数（）{
变量ele={
型号：'你好'+计数++
}
$scope.textArr.push（ele）；
}
}

{{textArr}}

对不起，您的问题能更清楚一点吗？您想将什么元素添加到何处？它将元素添加到div。当单击按钮时，它将在第一个子项上添加输入元素，并将按钮添加到第二个子项。@TimeisOffee我想将输入元素添加到div。不要更改控制器中的DOM，请使用一个指示，您不需要在DOM上添加更多按钮吗？抱歉，你能更清楚地回答你的问题吗？您想将什么元素添加到何处？它将元素添加到div。当单击按钮时，它将在第一个子项上添加输入元素，并将按钮添加到第二个子项。@TimeisOffee我想将输入元素添加到div。不要更改控制器中的DOM，请使用一个指示，您不需要在DOM上添加更多按钮吗？抱歉，你能更清楚地回答你的问题吗？您想将什么元素添加到何处？它将元素添加到div。当单击按钮时，它将在第一个子项上添加输入元素，并将按钮添加到第二个子项。@TimeisOffee我想将输入元素添加到div。不要更改控制器中的DOM，请使用一个指示，您不需要在DOM上添加更多按钮吗？抱歉，你能更清楚地回答你的问题吗？你想添加什么元素