当用户点击gyphicon-plus时生成文本框

Question

当用户点击gyphicon-plus或常规按钮更理想时，是否有办法生成文本框？我试图创建一个座右铭，当它弹出时，用户可以点击gyphicon-plus按钮＆amp;它会生成一个文本框。

谢谢！

Answer 1

我确信您可以在控制器中添加一个函数来执行此操作，但在您操作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 );
      };
    }
  }
})

然后在你的HTML

中

<add-input></add-input>