Question

我试图将我的按钮值传递给一个只记录该值的函数。该函数位于我的welcome.ts文件中导入的函数类中。的 Welcome.html

"@angular/cdk": "5.0.0-rc.3"

Welcome.ts

  <ion-content padding id="page1">
<h1 id="welcome-heading4" style="color:#000000;text-align:center;">
Question-CF
</h1>
<div class="spacer" style="width:320px;height:427px;" id="welcome-spacer1"></div>
<button  value='0' (click)=barrierClick(this.value)   id="welcome-button1" ion-button color="positive" block style="font-weight:500;border-radius:50px 50px 50px 50px;">
Begin
</button>
</ion-content>

Functions.ts

import { Component } from '@angular/core';
import { NavController, IonicPage, NavParams } from 'ionic-angular';
import {functions} from '../functions';
import {BarriersQ1Page} from '../barriers-q1/barriers-q1';


@Component({
selector: 'page-welcome',
templateUrl: 'welcome.html'
})

export class WelcomePage {
nextPage = BarriersQ1Page;



barrierClick(val){

functions.barrierClick(val);
}




constructor(public navCtrl: NavController) {

}


}

目前，控制台记录未定义，我希望它将按钮值记录为当前“0”。

Answer 1

this中没有html引用。您可以将整个click事件传递给函数，例如

(click) = barrierClick($event)

这将包含所有信息，包括按钮的值。

在ts文件中，

barrierClick(event) {
   functions.barrierClick(event.target.value); // Should pass button's value to functions.barrierClick
}

传递时按钮值未定义

1 个答案: