[英]Angular2 addArticle is not a function
当单击“提交”按钮时,我在控制台中遇到此消息,并且是否有人可以帮助我如何将时刻从node_modules导入angula2项目!
我的app.component.html
<form class="ui large form segment">
<h3 class="ui header">Add a Link</h3>
<div class="field">
<label for="title">Title:</label>
<input name="title" #newtitle>
</div>
<div class="field">
<label for="link">Link:</label>
<input name="link" #newlink>
</div>
<div>
<button (click) ="addArticle(newtitle, newlink)" class="ui positive button">Submit link</button>
</div>
</form>
我的app.module.ts
export class AppModule {
addArticle(title: HTMLInputElement, link:HTMLInputElement): boolean{
console.log('title: ${title.value} and link: ${link.value}');
return false;
}
}
您已在app.module.ts中编写了addArticle方法,应将其放在app.component.ts中
export class AppModule {
addArticle(title: HTMLInputElement, link:HTMLInputElement): boolean{
console.log('title: ${title.value} and link: ${link.value}');
return false;
}
}
在app.component.html中使用addArticle方法时将其移动到app.component.ts
export class AppComponent {
title = 'Okay, proceed .!';
names = [];
// myDate = Date;
constructor(){
this.names = ['Tuan','Mark','Kevin'];
// this.myDate = new Date();
}
addArticle(title: HTMLInputElement, link:HTMLInputElement): boolean{
console.log('title: ${title.value} and link: ${link.value}');
return false;
}
}
暂时使用以下导入
import {MomentModule} from 'angular2-moment/module';
在npm install angular2-moment
之后npm install angular2-moment
.. http://ngmodules.org/modules/angular2-moment
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.