首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

调用在Angular 7+的html文件内使用全局typescript文件的数组

在Angular 7+的html文件内调用全局typescript文件的数组,可以通过以下步骤实现:

  1. 首先,在Angular项目中创建一个全局typescript文件。可以将这个文件命名为globals.ts或者根据自己的需要进行命名。在这个文件中,定义一个数组,如下所示:
代码语言:txt
复制
// globals.ts

export const myArray: any[] = [1, 2, 3, 4, 5];
  1. 接下来,在需要使用这个全局数组的组件中,导入并使用这个数组。在组件的ts文件中,导入globals.ts文件并在需要的地方使用myArray数组,如下所示:
代码语言:txt
复制
// my-component.component.ts

import { myArray } from '../globals';

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css']
})
export class MyComponent implements OnInit {
  myArray = myArray;

  constructor() { }

  ngOnInit() {
    console.log(this.myArray); // 输出全局数组的值
  }
}
  1. 最后,在组件的html文件中,可以直接使用myArray数组,如下所示:
代码语言:txt
复制
<!-- my-component.component.html -->

<div *ngFor="let item of myArray">
  {{ item }}
</div>

这样,你就可以在Angular 7+的html文件内调用全局typescript文件的数组了。这种方式可以让你在不同的组件中共享和使用同一个全局数组,方便实现数据的共享和传递。

推荐腾讯云相关产品:如果你需要在云计算环境中部署和运行Angular项目,腾讯云的云服务器(CVM)和云函数(SCF)是不错的选择。你可以使用云服务器来搭建和管理Angular项目的运行环境,使用云函数来实现一些后端逻辑。你可以访问腾讯云的官网了解更多关于云服务器和云函数的信息:

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券