2016-01-09 2 views
1

Я хотел бы, чтобы вставить переменную или константу в HTML внутри HTML-файл с помощью углового 2.Угловых 2 - привязка данных без необходимости компонента

Я не хочу, чтобы сделать это путем создания компоненты, потому что это просто для некоторого текста в теге <p>.

Все, что я хочу это:

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

Это кажется тривиальным, но я сделал некоторые андроид развития в прошлом, где это плохая практика Кодирует текст в цели непосредственно такие, как в HTML. Лучшая практика в Android - это когда текст находится в константе в строковом ресурсе. Я хотел бы знать, может ли этот тип вещей быть достигнут с помощью Angular 2.

Можно ли создать компонент, который представляет собой только один элемент html, например тег <p>? EG, чтобы он мог быть привязан к некоторым данным?

Какие у меня варианты?

+0

Я считаю, HTML, который вы показываете, должен находиться в шаблоне Component, чтобы Angular мог настроить привязку данных интерполяции. –

+0

@MarkRajcok Я думаю, что вы правы. Я добавил компонент и добавил к нему еще несколько html-тегов. – BeniaminoBaggins

ответ

0

Обновление

Связывание без компонента не поддерживается в Angular2. Вы можете использовать привязку в шаблоне компонентов, не добавляя ничего к классу компонента (см. Ниже).

Оригинал

Вы можете сделать это таким образом, если необходимо:

Добавить переменную шаблона в тег, то вы можете ссылаться на него внутри вида

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

Делает все это прямо в html-файл? Это напечатало '{{constants.getAttribute ('someConstant')}}' на веб-странице. – BeniaminoBaggins

+0

Да, все, что вам нужно написать, это в HTML, Angular разбирает шаблон с JS, конечно, нет никакого способа обойти. –

+0

Это не работает для меня. Он печатает этот код на веб-странице, а не только константу. – BeniaminoBaggins