输入类型 =“提交”在自定义控件中不起作用答案

【问题标题】：Input type = "submit" not working in custom-control输入类型 =“提交”在自定义控件中不起作用
【发布时间】：2018-02-20 07:21:14
【问题描述】：

由于某种原因，我的输入类型 =“提交”不起作用（它只在第一次起作用）。我在自定义控件中编写了输入。这会是个问题吗？非常感谢您的帮助。谢谢。这是我的代码。

page.zoom = 4;

page.btn_Click = function() {

  if (page.MobileNo) {
    $http.get(serviceBasePath + '/api/Map/GetDeviceLocation?MobileNo=' + page.MobileNo).then(function(response) {

      var deviceindex = page.DeviceData.findIndex(x => x.DeviceId== response.data.DeviceId);
      if (deviceindex == -1) {
        page.DeviceData.push(response.data);
        page.zoom = 14;
        page.center = response.data.Location.position;
      } else {
        page.zoom = 14;
        page.center = response.data.Location.position;
      }

    }, function(error) {})
  }
}

<custom-control style="padding-left:10px; padding-top:10px" position="TOP_LEFT" index="2" on-click="page.btn_Click()">

  <input type="submit" class="form-control" value="GO">

</custom-control>

【问题讨论】：

js中的页面是什么？
这是一个剃须刀页面（ .cshtml ）先生。
为什么要提交可以直接给按钮？
按钮也发生了同样的事情，先生。当我按下 enter 或 go 按钮时，它似乎工作正常（如预期的那样），但在第一次跟踪之后，按钮变得无响应或麻木。

标签： css angularjs razor ng-map

【解决方案1】：

我认为您缺少表单标签。试试这个。。

HTML::

<custom-control style="padding-left:10px; padding-top:10px" position="TOP_LEFT" index="2" on-click="page.btn_Click()">
  <form name="formName" onsubmit="submitForm()">
    <input type="text" name="firstName" placeholder="Enter Your Name">
    <input type="submit" class="form-control" value="GO">
  </form>
</custom-control>

脚本::

function submitForm(){
  //... do something..
};

如果你想对 ENTER 键进行一些操作，那么你必须有一些文本字段，否则点击它会起作用。

【讨论】：