从Angular2中的控制器中的模板访问局部变量

使用@ViewChild访问某些元素在视图中.

使用[attr.src]创建结合的元素的"SRC"属性.

Renderer如果出于某种原因需要使用必须更改DOM.

看到这个插件.

import {Component, Input, ViewChild, Renderer} from 'angular2/core';

@Component({
  selector: 'audio-preview',
  template: `
    
    `
})
export class AudioPreview {
  @Input() src: string;
  @ViewChild('player') player;

  constructor(public renderer: Renderer) {}

  ngAfterViewInit() {
    console.log(this.player);

    // Another way to set attribute value to element
    // this.renderer.setElementAttribute(this.player, 'src', this.src);
  }
}