当点击提交按钮时,我在控制台中遇到这个消息,如果有人可以帮我如何从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;
}
}
答案 0 :(得分:1)
你已经在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.tsexport 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
之后http://ngmodules.org/modules/angular2-moment