Javascript 当用户单击Gypicon plus时生成文本框

有没有一种方法可以在用户点击Gypicon plus时生成文本框，或者普通按钮更理想？我试图创建一个座右铭，当它弹出时，用户可以点击Gypicon plus按钮&它将生成一个文本框

---

谢谢

我确信您可以在控制器中添加一个函数来实现这一点，但在任何时候操作DOM时使用指令被认为是最佳实践

指令定义：

app.directive('addInput', function($compile){ 
  return {
  restrict:'E',
  template:'Click symbol to add <span ng-click="addTextBox()" class="glyphicon glyphicon-plus" aria-hidden="true"></span>',
  link: function(scope, element){
      scope.addTextBox = function () {
        var el = $compile('<input type="text">')( scope );
        element.parent().append( el );
      };
    }
  }
})

app.directive（'addInput'，函数（$compile）{
返回{
限制：'E'，
模板：'单击要添加的符号'，
链接：功能（范围、元素）{
scope.addTextBox=函数（）{
变量el=$compile（“”）（范围）；
element.parent（）.append（el）；
};
}
}
})

然后在你的HTML中

<add-input></add-input>

为什么你认为他在使用angular？哦，我以为我在angular标签部分。一定是无意中浏览了javascript。关于这方面的更多信息，您到目前为止所取得的成就将是非常棒的。另外，关于您试图嵌入该行为的环境的信息也会有所帮助：Webforms、MVC、Ajax等。现在您的问题更像是“猜猜我在做什么，解决我的问题”。