使用JavaScript添加新的AngularJS变量

我正在尝试用AngularJS和JavaScript创建一个动态表单。目标是添加用户需要的输入数量，并将所有这些输入转换为AngularJS变量，将其打印到body上。所以我得到了密码：

$(function(){
   var number = 1;
   $('a.add').click(function(e){
      e.preventDefault();
      $('#this_div_contains_settings').append('<input type="text" name="example'+number+'" ng-model="example'+number+'" placeholder="Anything">');
      number++;
   });
   $('#this_div_contains_settings').on('click','a.design_button', function(e){
      e.preventDefault();
      $(this).parent().remove();
   });
});

$（函数（）{
var数=1；
$（'a.add'）。单击（函数（e）{
e、 预防默认值（）；
$（“#此_div_包含_设置”）.append（“”）；
数字++；
});
$（“#此_div_包含_设置”）。在（'click'，'a.design_按钮'，函数（e）{
e、 预防默认值（）；
$（this.parent（）.remove（）；
});
});

此函数在每次运行时使用不同的ng模型在my DIV上添加一个输入

问题是，如果

{{example1}}

已经在我的身体上，如果我以后用另一个函数添加它，它就不起作用了

我是AngularJS新手，所以我不知道每次添加新变量或类似的东西时是否需要“刷新”AngularJS

---

任何帮助都将不胜感激：）

使用jQuery是解决此问题的错误方法。相反，在控制器内部创建一个数组，用于保存所有这些输入的模型

根据您定义/创建控制器的方式，

$scope

可能会替换为

此

接下来，创建一个将向数组添加新示例的函数：

$scope.addExample = function () {
    $scope.examples.push("");
}

现在，在模板中，使用ng repeat创建输入：

<div id="this_div_contains_settings">
    <input ng-repeat="example in examples" type="text" name="example" ng-model="example" placeholder="Anything">
</div>

---

通过同样的概念，您甚至可以消除对addExample函数的需求，但是我倾向于在控制器中保留逻辑（实际上是在服务中，但这是另一个主题），而不是将其放在模板中。

使用jQuery解决此问题是错误的。相反，在控制器内部创建一个数组，用于保存所有这些输入的模型

根据您定义/创建控制器的方式，

$scope

可能会替换为

此

接下来，创建一个将向数组添加新示例的函数：

$scope.addExample = function () {
    $scope.examples.push("");
}

现在，在模板中，使用ng repeat创建输入：

<div id="this_div_contains_settings">
    <input ng-repeat="example in examples" type="text" name="example" ng-model="example" placeholder="Anything">
</div>

---

通过同样的概念，您甚至可以消除对addExample函数的需求，但是我倾向于在控制器中保留逻辑（实际上是在服务中，但这是另一个主题），而不是将其放在模板中。

使用jQuery解决此问题是错误的。相反，在控制器内部创建一个数组，用于保存所有这些输入的模型

根据您定义/创建控制器的方式，

$scope

可能会替换为

此

接下来，创建一个将向数组添加新示例的函数：

$scope.addExample = function () {
    $scope.examples.push("");
}

现在，在模板中，使用ng repeat创建输入：

<div id="this_div_contains_settings">
    <input ng-repeat="example in examples" type="text" name="example" ng-model="example" placeholder="Anything">
</div>

---

通过同样的概念，您甚至可以消除对addExample函数的需求，但是我倾向于在控制器中保留逻辑（实际上是在服务中，但这是另一个主题），而不是将其放在模板中。

使用jQuery解决此问题是错误的。相反，在控制器内部创建一个数组，用于保存所有这些输入的模型

根据您定义/创建控制器的方式，

$scope

可能会替换为

此

接下来，创建一个将向数组添加新示例的函数：

$scope.addExample = function () {
    $scope.examples.push("");
}

现在，在模板中，使用ng repeat创建输入：

<div id="this_div_contains_settings">
    <input ng-repeat="example in examples" type="text" name="example" ng-model="example" placeholder="Anything">
</div>

---

---

通过同样的概念，您甚至可以消除对addExample函数的需求，但是我倾向于在控制器中保留逻辑（实际上是在服务中，但这是另一个主题），而不是将其放在模板中。

这是完全错误的，即使可以回答，也不应该这样做。你应该只使用angular而不是JQUERY来满足你的需求。在使用angular时，避免使用JQUERY…不，我不会回答这个问题…请阅读以下内容：如果我有JQUERY背景，我如何“用AngularJS思考”@史蒂文·桑德斯的评论是正确的答案，如果作为实际答案，应该进行投票。实际上，回答这个问题是可能的，但这也是毫无意义的。如果你想用“旧方法”把这些东西连接起来，Angular没有任何价值。这是完全错误的，即使可以回答，也不应该这样做。你应该只使用angular而不是JQUERY来满足你的需求。在使用angular时，避免使用JQUERY…不，我不会回答这个问题…请阅读以下内容：如果我有JQUERY背景，我如何“用AngularJS思考”@史蒂文·桑德斯的评论是正确的答案，如果作为实际答案，应该进行投票。实际上，回答这个问题是可能的，但这也是毫无意义的。如果你想用“旧方法”把这些东西连接起来，Angular没有任何价值。这是完全错误的，即使可以回答，也不应该这样做。你应该只使用angular而不是JQUERY来满足你的需求。在使用angular时，避免使用JQUERY…不，我不会回答这个问题…请阅读以下内容：如果我有JQUERY背景，我如何“用AngularJS思考”@史蒂文·桑德斯的评论是正确的答案，如果作为实际答案，应该进行投票。实际上，回答这个问题是可能的，但这也是毫无意义的。如果你想用“旧方法”把这些东西连接起来，Angular没有任何价值。这是完全错误的，即使可以回答，也不应该这样做。你应该只使用angular而不是JQUERY来满足你的需求。在使用angular时，避免使用JQUERY…不，我不会回答这个问题…请阅读以下内容：如果我有JQUERY背景，我如何“用AngularJS思考”@史蒂文·桑德斯的评论是正确的答案，如果作为实际答案，应该进行投票。实际上，回答这个问题是可能的，但这也是毫无意义的。如果你想用“旧方法”把这些东西连接起来，Angular没有任何价值。是的，你没有定义模块