小编xdc*_*c17的帖子

我在组件中有一个带有 4 个 div 标签的模板。我要调用的 JavaScript 函数changeValue(), 应该将第一个 div 的内容从1更改为Yes!。我是 TypeScript 和 Angular 2 的新手，所以我不确定如何让模板与以下函数进行交互dtest2.js：

 /**app.component.ts */

import { Component } from '@angular/core';

@Component({
selector: 'my-app',
template: `
  <div id="boolean"><p id="bv">1</p></div>
  <div id="numeric"><p id="nv">2</p></div> 
  <div id="string"><p id="sv">3</p></div> 
  <div id="enum"><p id="ev">4</p></div>
  `
})

export class AppComponent { }

 /**app.component.ts */

import { Component } from '@angular/core';

@Component({
selector: 'my-app',
template: `
  <div id="boolean"><p id="bv">1</p></div>
  <div id="numeric"><p id="nv">2</p></div> 
  <div id="string"><p id="sv">3</p></div> 
  <div id="enum"><p id="ev">4</p></div> …