angularjs - 无法编辑/修改我的 angularjs 表单中的字段

Question

我正在以模式显示表单。但是当我单击文本输入字段时，它不允许我输入文本。同样无法更改/选择单选按钮

但是当尝试使用“标签”时它正在工作。

代码

<form role="form" name="basicDetails" class="form-validation">
    <div class="col-sm-6 b-r">
      <h3 class="m-t-none m-b font-thin">Basic Details</h3>


        <div class="form-group">
          <label>Email</label>

          <input type="email" class="form-control" placeholder="Enter Email" ng-model="email" required>
        </div>
        <div class="form-group">
          <label>User Name</label>
          <input type="text" class="form-control" placeholder="Enter User Name" ng-model="username" ng-pattern="/^[a-zA-Z ]{1,17}$/" required>
        </div>

    </div>

     <div class="checkbox m-t-lg">
          <button type="submit" class="btn btn-sm btn-success pull-right text-uc m-t-n-xs" ng-click="ok()"><strong>UPDATE</strong></button>
          &nbsp;
          <button type="submit" class="btn btn-sm btn-danger pull-right text-uc m-t-n-xs" ng-click="close()"><strong>CLOSE</strong></button>

        </div>
      </form>

检查元素显示

有人可以帮我追踪问题。