以角度2进行路由

时间:2017-01-10 11:29:03

标签: angular routing angular-ui-router

我有一个客户端文件夹。在Client文件夹中,我有一个用于添加的模式表单文件。在同一个Client文件夹中,我有一个table.html文件。现在在table.html文件中,我有fa-plus按钮。当我按下恰好位于table.html中的fa-plus时,如何触发模态形式。以下是我的代码。请帮忙吗?

//模态表格

<div class="modal fade" id="myModal" role="dialog">
  <div class="modal-dialog">

    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Add</h4>
        </div>
      <div class="modal-body">
        <div class="form-group">

          <form (ngSubmit)="onSubmit(f)" #f="ngForm" >



            <div class="form-group">
              <label for="first_name"> First Name</label>
              <input type="text" class="form-control" id="first_name" [(ngModel)]="user.first_name" name="first_name" required>
            </div>

            <div class="form-group">
              <label for="last_name">Last Name</label>
              <input type="text" class="form-control" id="last_name"  [(ngModel)]="user.last_name" name="last_name" required>
            </div>

   <div class="form-group">
              <button type="submit" class="btn btn-primary">Submit</button>
              &nbsp; &nbsp;
              <button type="submit" class="btn btn-danger ">Cancel</button>
            </div>

          </form>
          </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        </div>

// table.html

 <td><a class="btn btn-success" ><em class="fa fa-plus"></em></a></td>

0 个答案:

没有答案