Angular2 addArticle 不是函数

Question

单击提交按钮时，我在控制台中遇到此消息，如果有人可以帮助我如何将时刻从 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; 
  } 
 }

Answer 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; 
  } 
 }

将 addArticle 方法移至 app.component.ts，因为您在 app.component.html

中使用它

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之后..http://ngmodules.org/modules/angular2-moment

Angular2 addArticle 不是函数

Angular2 addArticle is not a function

import

typescript

angular2-moment

angular