Question

我正在研究angular4。我的项目有一个常量文件，而该文件有一个emailURL。我必须访问HTML页面上的emailURL，但是chrome抛出错误Template parse error。下面是我的代码

constant.ts

export const CONST_CLASS{
'emailURL':'http://someting.com?mail='
}

HTML

<a href=" '{{MY_CONST_CLASS.emailURL}}' + useremail">Username</a>

TS

import { CONST_CLASS } from '../constants';

@Component({
  // ...
})
export class MyTestComponent implements OnInit {

  public MY_CONST_CLASS = CONST_CLASS;

  // ...
}

我还在2个synatx以下尝试过，但是URL格式不正确。请指导我哪里出了问题。

<a href="{{MY_CONST_CLASS.emailURL}}+ useremail">Username</a>

和

<a href="'MY_CONST_CLASS.emailURL' + useremail">Username</a>

Answer 1

应该是

<a [href]="MY_CONST_CLASS.emailURL + useremail">Username</a>

或

<a href="{{MY_CONST_CLASS.emailURL}}{{useremail}}">Username</a>

或

<a href="{{MY_CONST_CLASS.emailURL + usermail}}">Username</a>

所有人都假定您的TS组件已定义usermail字段。

export class MyTestComponent implements OnInit {

  public MY_CONST_CLASS = CONST_CLASS;   
  usermail="set it here or somewhere else in component's code";   

// ... }

Angular4：如何以href格式访问html中的常量？

1 个答案: