Javascript 角度4点击按钮功能未启动

我正在尝试检查文本输入是否为空或不在angular 4中。我不是在用表格。它只是一个输入字段。当我在下面的按钮中执行addLocaton函数时，需要进行检查

我的输入字段

使用

type=“button”

代替

type=“submit”

使用类型

按钮

时，按钮没有默认行为。它可以具有与元素事件关联的客户端脚本，这些脚本在事件发生时触发，而对于类型

submit

，它尝试执行表单提交操作。 要在angular中捕获该操作，您需要使用到

（ngSubmit）

的事件绑定

由于您没有使用表单来处理您的单击操作，下面是方法

<button ion-button block type="button" (click)="addLocation()">ADD AND SAVE MORE LOCATIONS</button>

添加和保存更多位置

正确的方法

将@edkeveked的建议更改为

type=“button”

，而不是

type=“submit”

 <button ion-button block type="button" (click)="addLocation(newPlace)">ADD AND SAVE MORE LOCATIONS</button>

或者使用双向绑定

（单击）=“addLocation（）”

而ts可能是

addLocation(){
         if(this.newPlace === '' || this.newPlace === undefined ){
               alert('invalid');
         }
      }

---

没有必要制作

document.getElementById

您只需找到模型newPlace并检查其“”或“输入城镇、省或市”解决方案是否就是这样做

addLocation（）{if（（this.newPlace==“”）| |（this.newPlace==未定义））{alert（'empty'）；}否则{//execute functional}}

是的，您可以使用两个绑定进行检查，在这种情况下，您将删除

单击

操作。newPlace返回未定义，因此我还需要检查是否===undefined@eohdev确切地第一次对象未定义时。因为在

ngOnInit

 <button ion-button block type="button" (click)="addLocation(newPlace)">ADD AND SAVE MORE LOCATIONS</button>

addLocation(newPlace){
     if(newPlace === '' || newPlace === undefined ){
          alert('invalid');
     }
  }

addLocation(){
         if(this.newPlace === '' || this.newPlace === undefined ){
               alert('invalid');
         }
      }