Javascript 通过单击按钮将指令附加到我的HTML

我正在创建一个任务列表应用程序，当用户在表单中输入文本并单击按钮时，我试图将指令html片段附加到DOM中。 我的表单与此类似：

我要附加的指令如下：

<div class="row" id="task-row">
    <div class="col-sm-12">
      <span id="buttonCheckTask" type="button" class="btn btn-info">
        <span class="glyphicon glyphicon-ok" aria-hidden="true" ng-mouseenter="show = true" ng-mouseleave="show = false" >
        </span>
      </span> <!-- end of buttonCheckTask button -->
      <h4>{{taskName}}</h4>    <!--lined to ng-model -->
    </div>
  </div><!-- end task-row -->

{{taskName}}

上面的

{{taskName}

有望链接到

ng model='taskName'

---

下面是关于Plunker的代码示例

当以角度思考时，最好避免使用append这个词。通常，您应该在视图中呈现您的指令，并使用或

ng show

/

hide

有条件地显示它您的指令未完成，script.js未编译任何特定问题或路障？你的装备似乎不完整，你还没有指令。