ionic v3

Question

今天，我对Ionic v3中导入的变量的实际范围有以下疑问：
就我而言，我使用的是常量文件，我将其导入变量中，但是无法在html中使用它。
为了使用它，首先我必须将其分配给另一个变量。

我留下一个代码示例。
Constants.ts

export const HELLO_WORLD= 'Hello World!';
export const HELLO_EVERYONE= 'Hello Everyone!';
export const HELLO_PLANET= 'Hello Planet!';

在我的页面上：
example.ts

import { Component } from '@angular/core';
import { IonicPage } from 'ionic-angular';
import * as Constants from '../../providers/utils/Constants';

@IonicPage()
@Component({
  selector: 'page-example',
  templateUrl: 'example.html',
})
export class ExamplePage {

  public data = Constants;

  ionViewDidLoad() {
    console.log('ionViewDidLoad ExamplePage');
    console.log(this.data.HELLO_WORLD); // Output: "Hello World!"
    console.log(this.data); // Output: Object with constants
    console.log(Constants); // Output: Object with constants
  }
}

example.html （工作！）

<h3>Result "data.HELLO_WORLD"</h3>
<p>{{data.HELLO_WORLD}}</p>

example.html （不起作用！）
控制台输出：ERROR TypeError：无法读取属性

<h3>Result "Constants.HELLO_WORLD"</h3>
<p>{{Constants.HELLO_WORLD}}</p>

我想从example.html中了解为什么无法访问我的Constants变量。

非常感谢您的宝贵时间