如何在按钮onclick中调用函数?

时间:2018-08-03 10:45:44

标签: html angular typescript

您好,我在这里添加了一个stackblitz链接。在该示例中,我添加了工具栏,并在一个数组变量中提供了所需的值,并且还添加了一个按钮。

我的问题是,如果我单击该按钮,数组变量值必须追加到新的数组变量中?

我添加了此功能:

//old array variable

 tbarArray = [
    { text: "Cut" },
    { text: "Copy" },
    { text: "Paste" },
    { text: "Underline" },
    { text: "Italic" },
    { text: "Color" },
    { text: "Numbering" },
    { text: "Ascending" },
    { text: "Descending" },
    { text: "Indent" },
    { text: "Outdent" },
  ];

// new array variable
  newarray = [];
  
  // function
  public run() {
    for (let i = 0; i < 2; i++) {
      let check: any = this.tbarArray[i];
      this.newarray[i] = check;
    }
  }

这是示例链接: sample link

1 个答案:

答案 0 :(得分:1)

onClick事件将在应用程序级别搜索功能,而不是在组件级别声明的功能。

要调用在组件级别定义的功能,请使用click事件:

<button style="margin-right: 5px" (click)="run()" type="submit">add</button>