Angular @Input格式

时间:2017-05-11 02:16:48

标签: angular

我在一个组件中有以下内容......

...
<file-downloader [link]="result.downloadLink" [tooltip]="Download file from result.teamName"></file-downloader>
...

file-downloader组件看起来像......(更多代码但是被删除)

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

@Component({
  selector: 'file-downloader',
  templateUrl: './downloader.component.html',
  styleUrls: ['./downloader.component.css']
})
export class DownloaderComponent implements OnInit {

  @Input() link: string;
  @Input() tooltip: string;

}

问题是我需要一个带有参数的形式化版本:[tooltip]="Download file from result.teamName"

所以result.teamName作为一个集合......

<li *ngFor="let result of results">
   <file-downloader [link]="result.downloadLink" [tooltip]="Download file from result.teamName"></file-downloader>
   {{result.teamName}}
</li>

目前我不知道将带有格式化args的字符串传递给组件的tooltip属性和@Input的语法。当我尝试使用不同的引号位置时,它只是显示语法错误。

使用Angular2而不是Angular1

1 个答案:

答案 0 :(得分:2)

你可以使用它:

[tooltip]="'Download file from ' + result.teamName"