Angular 2 - 无需组件的数据绑定

时间:2016-01-09 10:16:17

标签: angular

我想使用Angular 2在HTML文件中将变量或常量插入到HTML中。

我真的不想通过创建组件来实现这一点,因为它只适用于<p>标记中的某些文本。

我想要的只是:

<p class="text-center vertical-center white">{{some_constant}}</p>

这看起来微不足道,但我过去做了一些Android开发,将文本硬编码到视图中直接硬编码到html中是不好的做法。 Android中更好的练习是文本在字符串资源中的常量。我想知道Angular 2是否可以实现这种类型的东西。

可以创建一个只有一个html元素的组件,例如<p>标签吗? EG只是为了它可以绑定到一些数据?

我有什么选择?

1 个答案:

答案 0 :(得分:0)

<强>更新

Angular2不支持没有组件的绑定。 您可以在组件模板中使用绑定,而无需向组件的类添加任何内容(参见下文)。

<强>原始

如果你必须这样做,你可以这样做:

将模板变量添加到标签,然后您可以在视图中引用它

<span hidden #constants [attr.someConstant]="'someValue'"></span>
<p class="text-center vertical-center white">
  {{constants.getAttribute('someConstant')}}</p>