小编ama*_*211的帖子

我有2个文件.app.ts和Child.ts

我正在从app向子节点发送变量,我想检测变量中的任何变化并相应地显示数据.我无法检测到变量的变化.

任何帮助？我附上了Plunker Link,我还在评论中解释了我想在Child.ts文件中做什么

App.ts文件

//our root app component
import {Component, NgModule} from '@angular/core'
import {BrowserModule} from '@angular/platform-browser'
import {ChildCom} from './child.ts'

@Component({
    selector: 'my-app',
    template: `
    <div>
        <h2>Hello</h2>
        <child-com newdata={{data}}></child-com>
    </div>
    `,
})
export class App {
    data: any = [];

      constructor(){
          this.data = [{"name":"control","status":"false"}];
    }
}

@NgModule({
    imports: [ BrowserModule ],
    declarations: [ App, ChildCom ],
    bootstrap: [ App ]
})
export class AppModule {}

Child.ts文件

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

@Component({
  selector: 'child-com',
  template: `
    <div>
      <p>Controls: …

我有一个带有id的表单:

<form id="dummyForm">
    <input type="text">
    <input type="submit" value="click me">
</form>

和一个包含数据属性的div,其中包含表单的id:

<div attr.data-form-id="dummyForm" (click)=hideForm()>Click to hide</div>

如何data-form-id在hideform()功能中获得价值.这样我就可以隐藏表格.

任何帮助？

我在变量中有函数名称,我在按钮的单击事件上分配该变量.但它不起作用.任何帮助？

@Component({
  selector: 'my-app',
  template: `
    <div>
    <h2>Function name is: {{FunctionName}}</h2>
    <input type="button" value="click here" (click) = [FunctionName]()>
    </div>
    <p>{{value}}</p>
  `,
})
export class App {
  FunctionName:string;
  value: string;
  constructor() {
    this.FunctionName = 'clickFunction'
  }

  clickFunction(){
    this.value = "button clicked";
  }
}

这是代码

Plunker代码

我实际上想要在按钮(在btn.component.html中)上应用特定类,如果它通过选择器传递的话.

我的选择器是

<btn></btn>

btn.component.ts是

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

@Component({
  selector: 'btn',
  template: require('./btn.component.html')
})

export class BtnComponent { }

btn.component.html是

<button>Okay</button>