Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 为什么我的按钮没有';不触发我的javascript函数?_Angular_Typescript_Alert - Fatal编程技术网

Angular 为什么我的按钮没有';不触发我的javascript函数?

Angular 为什么我的按钮没有';不触发我的javascript函数?,angular,typescript,alert,Angular,Typescript,Alert,我有一个表单验证示例。如果我按下提交按钮,它将显示警报消息,但它不会显示 这是我的样本: 请帮我把这件事做完 我试过这样做: //按钮声明 提交 //显示警报消息的功能 函数myFunction(){ 警报(“您的表格已提交”); } 尊重代码惯例非常重要。在计算机编程中,缩进样式是控制代码块缩进以传递程序结构的约定。但是,有些语言(如Python和occam)使用缩进来确定结构,而不是使用大括号或关键字;这被称为越界规则 如果你像你那样做了一些多空间,它会产生一个错误,因为它会考虑你的类<

我有一个表单验证示例。如果我按下提交按钮,它将显示警报消息,但它不会显示

这是我的样本:

请帮我把这件事做完

我试过这样做:

//按钮声明
提交
//显示警报消息的功能
函数myFunction(){
警报(“您的表格已提交”);
}

尊重代码惯例非常重要。在计算机编程中,缩进样式是控制代码块缩进以传递程序结构的约定。但是,有些语言(如Python和occam)使用缩进来确定结构,而不是使用大括号或关键字;这被称为越界规则

如果你像你那样做了一些多空间,它会产生一个错误,因为它会考虑你的<代码>类< /C>属性值将是<代码> SAMPYBTN电子控制E-BTN电子初级”。 type=“submit”style=“高度:40px;宽度:150px;“data ripple=“true”>

然后,它认为
Submit
按钮的另一个属性。这就是为什么它在不知道如何处理

理想情况下,最好是将typescript本身用于您的操作。如果是这样,请将函数移动到typescript文件本身,而不是在脚本中

如果您想从angular使用javascript

您可以从控制台窗口中找到有助于调试的错误


毫无疑问,它在起作用,但你至少应该告诉我你改变了什么使它起作用。你能告诉我你改变了什么吗?…哈哈哈,随时都可以,我的朋友!
export class ReactiveFormReactiveComponent implements OnInit {

reactForm: FormGroup;

constructor() {
  this.reactForm = new FormGroup({
    'check': new FormControl('required', [FormValidators.required]),
    'email_check': new FormControl('someone@gmail.com', [FormValidators.email]),
    'url_check': new FormControl('www.anything.com', [FormValidators.url]),

  });
}

ngOnInit(): void {

}

get check() { return this.reactForm.get('check'); }


  myFunction() {
     alert('your form is submitted');
 }

}