通过按钮点击

Question

我正在创建一个任务列表应用程序，当用户在表单中输入文本并且点击按钮时，我尝试将指令html片段附加到DOM。 我看到的表单与此类似：<input ng-model="taskName" type="text" class="form-control" placeholder="Enter your task..." />

我想附加的指令是：

<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}}有望与ng-model='taskName'相关联。

以下是Plunker上的代码示例。 Code Sample