小编ob1*_*ob1的帖子

我一直在研究Angular 4个人项目,并希望将Ubuntu字体系列添加到我的Angular应用程序中.向项目添加大量自定义字体的最佳做法或风格是什么？我公司目前已保存了Ubuntu字体家族成/assets/fonts/ubuntu-font-family-0.83并把它添加到最外部组件的CSS文件,与字型app.component.css.

@font-face {
   font-family: 'Ubuntu';
   src: url('/assets/fonts/ubuntu-font-family-0.83/Ubuntu-R.ttf');
}

通过将其放在原始组件中,我不必重新定义嵌套组件中的字体,我只是将其视为默认字体系列.

是否有更清晰/更好的方法来做到这一点,仍然删除重复的代码？

我想在某些网格车组件中呈现可观察到的数组对象。另外，我想基于组件中的变量（即gridCols*maxRows使用*ngIf条件检查）将网格卡的数量限制为一个值。

我知道这是不可能同时使用*ngFor，并*ngIf同时在相同的元素。因此，我需要使用<template ngFor ...> 包装我的网格卡元素，这些元素将根据进行有条件的渲染*ngFor。鉴于此，我怎么可以参考index或content从变量*ngFor在*ngIf。

<template ngFor let-content [ngForOf]="contentObjectsObservable | async" let-i="index" [ngForTrackBy]="trackByFn">
    <grid-card *ngIf="i < gridCols*maxRows" [content]="content" [style.width.%]="gridCardWidth"></grid-card>
</template> 

更新

我已经尝试过这样的事情

 #i="index"

与这样的错误信息：

没有将“ exportAs”设置为“ index”的指令