Javascript Plnkr控制器不工作

我想一个额外的输入文本字段出现在上面的添加按钮点击。 但是，它不起作用，控制台显示一个引用错误

刚开始的时候，我是个新手。任何帮助都会很好。 谢谢

HTML

问题:


正确答案（可选）：


添加
删除




说明：

JS

//代码在这里
var app=angular.module（“testViewer”）；
var MainController=函数（$scope）{
scope.shortAnswer=函数（）{
$（'.add'）。单击（函数（）{
var标签=1；
$（“.content2”）.append（“”）；
label++；
});
$（“.content2”）。在（“单击”，“删除”，函数）（）{
$（this.parent（）.remove（）；
});
};
};
应用控制器（“主控制器”，主控制器）；

您没有包括jquery文件，但使用了jquery函数。在angularjs文件注入上方包含Jquery文件

---

您使用的是angularjs 1代码，但称为angularjs 2。

您没有包含jquery文件，但使用了jquery函数。在angularjs文件注入上方包含Jquery文件

---

您正在使用angularjs 1代码，但称为angularjs 2。

您的angular版本有问题，请尝试使用最新的angularjs

<script data-require="angular.js@1.4.x" src="https://code.angularjs.org/1.4.12/angular.js" data-semver="1.4.9"></script>

范围应为$scope

您将jquery和angular混合用于事件绑定。在这样的角度定义方法中

内部控制器

      $scope.shortAnswer = function () {

              // your functionality

      };

鉴于

     <button type="button" class="btn btn-success btn-default" ng-click="shortAnswer()">Add</button>

添加

---

Plunker:

您的angular版本出现问题，请尝试使用最新的angular版本

<script data-require="angular.js@1.4.x" src="https://code.angularjs.org/1.4.12/angular.js" data-semver="1.4.9"></script>

范围应为$scope

您将jquery和angular混合用于事件绑定。在这样的角度定义方法中

内部控制器

      $scope.shortAnswer = function () {

              // your functionality

      };

鉴于

     <button type="button" class="btn btn-success btn-default" ng-click="shortAnswer()">Add</button>

添加

Plunker:

“VM332 angular.js:8296 TypeError:$transclude不是函数”

错误即将发生，因为您以错误的方式实现了ng视图。 阅读文件-

“VM332 angular.js:8296 TypeError:$transclude不是函数”

错误即将发生，因为您以错误的方式实现了ng视图。 阅读文件-

---

我不确定当前代码为什么不工作，但AngularJS中的惯例是使用ng show和ng hide指令

HTML:

---

现在，我不确定这是否是最好的方法，但我假设您希望两个按钮都调用函数shortAnswer（）

我不知道为什么您当前的代码不起作用，但AngularJS中的惯例是使用ng show和ng hide指令

HTML:

---

---

现在，我不确定这是否是最好的方法，但我假设您希望两个按钮都调用函数shortAnswer（）

我链接到错误的plunkr！这个解决方案是有效的，但是对于我想要链接的那个，这个解决方案没有。有什么想法吗？@RyeGuy哇，好吧，让我来see@RyeGuy还更新了第二个plunker的答案。@RyeGuy很乐意提供帮助。如果它解决了您的原始问题，请随意将其标记为答案。一旦它正常运行，我肯定会这样做。很遗憾，删除功能不起作用。我链接到了错误的plunkr！这个解决方案是有效的，但是对于我想要链接的那个，这个解决方案没有。有什么想法吗？@RyeGuy哇，好吧，让我来see@RyeGuy还更新了第二个plunker的答案。@RyeGuy很乐意提供帮助。如果它解决了您的原始问题，请随意将其标记为答案。一旦它正常运行，我肯定会这样做。不幸的是，delete函数不起作用。我包括了jquery文件。没有。请先更改版本。您使用的是angularjs 1代码，但称为angularjs 2.refer。您可以在angularjsangular 2中使用jqlite中的大部分jquery函数，angular 1则完全不同。我不懂角度2。我还将学习包含jquery文件的知识。没有。请先更改版本。您使用的是angularjs 1代码，但称为angularjs 2.refer。您可以在angularjsangular 2中使用jqlite中的大部分jquery函数，angular 1则完全不同。我不懂角度2。我还要学习我感谢你的投入。然而，他们必须能够添加无限多的输入元素。我想说，通过一些调整，这仍然是可行的，但它可能会变得混乱，并且您的实现是有意义的。我不清楚的是你为什么在这里使用Angular？你会给你的控制器添加更多吗？我想你的问题会和ng模型联系起来？我很感谢你的意见。然而，他们必须能够添加无限多的输入元素。我想说，通过一些调整，这仍然是可行的，但它可能会变得混乱，并且您的实现是有意义的。我不清楚的是你为什么在这里使用Angular？你会给你的控制器添加更多吗？我猜你的问题会和ng模型联系起来？

<button type="button" class="btn btn-success btn-default" ng-click="shortAnswer('add')">Add</button>
<label for="lblName"><input type="text" class="form-control" placeholder="" ng-show="showLabel"></label>

scope.shortAnswer = function (btnVal) {
    if (btnVal == 'add') {
        $scope.showLabel = true;
    }