相关疑难解决方法(0)

是否可以向Angular 2添加全局CSS文件？目前,我有许多具有相同按钮样式的不同组件 - 但每个组件都有自己的CSS文件和样式.这对变化感到沮丧.

我在Stack Overflow上的某个地方读到了:

import { ViewEncapsulation } from '@angular/core'; //add this

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css'],
  encapsulation: ViewEncapsulation.None            //add this
})

所以我在根组件中添加了ViewEncapsulation行,然后将CSS样式添加到根应用程序CSS(app.component.css)并从单个组件CSS文件中删除了CSS样式,并且它不起作用.

当然有一种方法可以添加全局CSS文件？我是否需要向各个组件添加内容以使其访问全局CSS文件？

因此，概述用例：从我的后端服务中，我收到了一个对象列表，我使用 ngFor 拆分这些对象并使用 . 我在这张卡片上附加了一个工具提示以显示有关该项目的信息。每个项目的信息是一个元素列表。对于工具提示，我将列表发送到一个函数并使用 '\r\n' 字符连接列表的项目，但是工具提示根本不读取字符，只在工具提示中显示一个连续的字符串

<div *ngFor="let item of itemList; ">
 <mat-card matTooltip="{{getDesc(item)}}">
    <span class="card-title" style="font-size: 12px">
      {{ item.itemName }}
    </span>
 </mat-card>
</div>

toolTip 描述函数：

getDesc(item){
  let itemDesc: any;
  if(item.itemDescList !== null)
    itemDesc = item.itemDescList.join('\r\n')
  return itemDesc
}

如何在工具提示中引入这些换行符？

示例数组：['desc 1 : some text', 'desc 2: some text', ...] 这些需要在工具提示的新行中显示