javascript - 文本编辑器未显示在使用JavaScript添加更多功能中

我正在用angularjs创建“添加更多字段”功能。在此，我正在实现“所见即所得”文本编辑器。 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']);

最佳答案

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

addMore（）然后应该增加您想要的输入数量

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