Question

我的组件中有一个模板，如下所示，单击此div需要滚动到页面底部。

`<section><div onclick='scrollDown()'>Goto Reports</div></section><div>`

scrollDown() {
  window.scrollTo(0, 500);
}

首先我尝试从onclick调用一个函数，我得到控制台错误，说明函数没有定义。

其次我尝试在onclick上调用window.scrollTo函数，这也无效。

我们怎样才能在打字稿中做到这一点？

Answer 1

您尚未正确使用事件绑定。

hr = pclsobj->Get(L"TimeGenerated",0,&vtProp,0,0); DOUBLE vgeneratedDate = (vtProp.date); //reading the variant date as double wcout << "date : " << vgeneratedDate << endl ; SYSTEMTIME generatedsysTime ; bool converted = VariantTimeToSystemTime(vgeneratedDate , &generatedsysTime); // converting variant date to systemdate std::string generateddate ; CString cgenerateddate ; cgenerateddate.Format( "%d-%02d-%02d %02d:%02d:%02d.%03d", // converting systemdate to cstring generatedsysTime.wYear, generatedsysTime.wMonth, generatedsysTime.wDay, generatedsysTime.wHour, generatedsysTime.wMinute, generatedsysTime.wSecond, generatedsysTime.wMilliseconds ); generateddate = cgenerateddate ; // cstring to c++ string cout << "TimeGenerated : " << generateddate << endl ; jstring jgenerateddate = env->NewStringUTF(generateddate.c_str()); env->CallObjectMethod( mapobj , putMethod , env->NewStringUTF("TimeGenerated") , jgenerateddate ); VariantClear(&vtProp);

Answer 2

Angular有一个documentation page about User Input，它解释了如何在事件上绑定所有排序。

要将事件绑定到组件的方法，您必须使用语法

(event)="method($event)"

$event是可选的，如果您通过它，您可以使用该事件来检查keyCode，preventDefault等。

实施例

<button (click)="onClickMe($event)">Click me!</button>

然后

onClickMe(event) {
  console.log(event);
}

这是一位官员live demo with some examples。

Angular4 / typescript - onclick滚动到页面底部

2 个答案: