Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了如何访问Angular 2组件和服务中的常量?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个常量文件constants.ts:
export const C0NST = "constant";

我在服务some.service.ts中访问它,如下所示:

import { C0NST } from './constants';

console.log(C0NST); // "constant"

但是,当我在组件模板中访问它时:

some.component.ts:

import { C0NST } from './constants';

some.component.html:

{{ C0NST }} <!-- Outputs nothing -->

但是,在组件类中定义成员有效:

some.component.ts

public const constant = C0NST;

some.component.html

{{ constant }} <!-- constant -->

我不明白为什么我能够直接在服务类中访问导入的常量,但不能在组件模板中访问,即使我在组件类中导入它。

在Angular2中,模板只能访问组件类的字段和方法。其他一切都是禁区。这包括组件类可见的内容

解决这个问题的方法是在组件内部有一个字段,它只引用常量,然后使用它。

这是设计的一个限制,但也许您应该更多地了解为什么首先需要模板中的常量。通常这些东西由组件本身或服务使用,但不是模板。

大佬总结

以上是大佬教程为你收集整理的如何访问Angular 2组件和服务中的常量?全部内容,希望文章能够帮你解决如何访问Angular 2组件和服务中的常量?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: