在Angular 7+的html文件内调用全局typescript文件的数组,可以通过以下步骤实现:
globals.ts
或者根据自己的需要进行命名。在这个文件中,定义一个数组,如下所示:// globals.ts
export const myArray: any[] = [1, 2, 3, 4, 5];
globals.ts
文件并在需要的地方使用myArray
数组,如下所示:// 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); // 输出全局数组的值
}
}
myArray
数组,如下所示:<!-- my-component.component.html -->
<div *ngFor="let item of myArray">
{{ item }}
</div>
这样,你就可以在Angular 7+的html文件内调用全局typescript文件的数组了。这种方式可以让你在不同的组件中共享和使用同一个全局数组,方便实现数据的共享和传递。
推荐腾讯云相关产品:如果你需要在云计算环境中部署和运行Angular项目,腾讯云的云服务器(CVM)和云函数(SCF)是不错的选择。你可以使用云服务器来搭建和管理Angular项目的运行环境,使用云函数来实现一些后端逻辑。你可以访问腾讯云的官网了解更多关于云服务器和云函数的信息:
领取专属 10元无门槛券
手把手带您无忧上云