Question

我已经在我的应用程序中安装了flag-icon-css库，并且我想基于在组件上设置的国家/地区绑定变量来显示国家/地区标志。我该如何实现？

@Component({
    selector: 'app-select-operator',
    templateUrl: './select-operator.component.html',
    styleUrls: ['./select-operator.component.css']
})

export class SelectOperatorComponent implements OnInit {

    country: string = 'fr';
    constructor() { }

    ngOnInit() {

    }

}

如何将值国家/地区传递给模板。我的select-operator.component.html模板如下。

我可以用国家/地区替换fr吗？

 <div>
    <div>Country: </div>
    <span class="flag-icon flag-icon-**fr**"></span>
 </div>

Answer 1

您可以尝试：

request.finance_data

Answer 2

尝试这样：

<span [class]="'flag-icon  flag-icon-' +  country "></span>

如何绑定国家/地区跨度html元素，使用flag-icon-css动态使用它

2 个答案: