css - 输入类型 = "submit"在自定义控件中不起作用

标签 css angularjs razor ng-map

出于某种原因,我的输入类型=“提交”不工作(它只在第一次工作)。我在自定义控件中写了输入。那会有问题吗?非常感谢您的帮助。谢谢。这是我的代码。

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>

最佳答案

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

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 键上进行一些操作,那么你必须有一些文本字段,否则点击它就可以了。

关于css - 输入类型 = "submit"在自定义控件中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48879788/

相关文章:

css - wordpress 上的特色图片 - 获取默认图片而不是 500x500

javascript - jquery-knob 在 Angular Directive(指令)中始终为 NAN

jquery - 通过 jquery 更改 DisplayFor Text/Value

javascript - Angular : How to get the total for a shopping website

jquery - 使用 cshtml 中返回的 JQuery FOREACH 行切换可见性

c# - umbraco 7.1 注销(razor 语法 C#)

html - 创建 "showing"和 "hiding"效果时div是否有display-none

jquery - Bootstrap 数据表列宽

javascript - 如何用jquery实现树形菜单

javascript - 所有模块和 Controller 共享 Angular 范围