Question

我正在angularjs中创建Add More fields功能。在那，我正在实施“你看到的是什么”文本编辑器。 HTML代码有效。页面加载时，页面显示带有其他输入字段的文本编辑器，但是当我通过单击按钮添加更多div时，将显示其他输入字段，但不显示文本编辑器。以下是我的代码。

HTML：

        <script src='http://textangular.com/dist/textAngular-rangy.min.js'></script>
        <script src='http://textangular.com/dist/textAngular-sanitize.min.js'></script>
        <script src='http://textangular.com/dist/textAngular.min.js'></script> 

       <style>
       .ta-editor { min-height: 300px; height: auto; overflow: auto; font-family: inherit;
                    font-size: 100%; } 
       </style>

    <div id="innerDiv">
      <div class="form-group" >
        <input type="text">     
        <div text-angular="text-angular" ng-model="user.description" ta-disabled='disabled'></div>
      </div>
   </div>
   <input type="button" onclick="addMore();" ng-click="addMore(dynamicInput)" value="+ Add Another Goal" class="drag_but" />

的javascript

<script>
    function addMore(){               
              var newdiv = document.createElement('div');
              newdiv.innerHTML = '<div id="innerDiv">----Same Content with text editor---'; 
   <script>

app.js：

angular.module('appName', ['textAngular']);

Answer 1

使用更有棱角的方法。使用ng-repeater循环遍历所需的输入数量。

然后，

addMore（）应该增加你想要的输入数量

试试这个：http://www.bootply.com/tH0v5UGZR7

使用javascript添加更多功能时，文本编辑器不显示

1 个答案: