我在一个组件中有以下内容......
...
<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
答案 0 :(得分:2)
你可以使用它:
[tooltip]="'Download file from ' + result.teamName"