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');
}
}