Angular-创建包含字符串和图像的全局数组

时间:2019-06-16 23:20:39

标签: angular typescript

由于我是Angular的新手,所以这个问题在其他人看来似乎很明显。

我有几个案例的投资组合-我希望显示这些案例。

有没有一种创建额外文件的方法,该文件保存案例和 f.e数组。每种情况都有一些图像-仅通过遍历该数组就能在多个组件中使用此数组?

此外,当案例(由*ngFor显示)悬停时,我想在此 extra文件中显示分配给特定案例的图像。

如何在Angular中实现这一目标?-甚至有可能吗?



到目前为止,我已经做到了这一点(我希望这是全局的并且还保存图像):

HTML:

<div class="container-fluid d-flex justify-content-center">

  <ul>
    <li class="text-center" *ngFor="let case of cases">
      {{ case }}
    </li>
  </ul>

</div>

TS:

export class CaseListComponent implements OnInit {

  cases = [
    ['Diesel'],
    ['WeWork Berlin'],
    ['Fritzhansen'],
    ['Savum'],
    ['Eskay'],
    ['Diesel'],
    ['Mobilia'],
    ['Rarekind']
  ]

...

} 

1 个答案:

答案 0 :(得分:0)

  1. 具有数组和用于处理添加,删除项的方法的服务
  2. local / sessionStorage-但是存储只能容纳字符串,因此每次写入/读取数据时都必须进行JSON.stringify / parse