Как установить ngModel для диапазона Angular 6?

Question

HTML5

<div class="row rating" style="float:right;">
     <span class="fa fa-star"  name="val1" [(ngModel)]="data.val1"></span>
</div>

TS

data = {
 val1 = ''
}

Примечание: Мне нужно уникальное имя.Я хочу использовать звездную систему ставок.Я хочу получить имя ТОЛЬКО .

Answer 1

Подходы

Интерполяция

<div class="row rating" style="float:right;">
     <span class="fa fa-star"  name="val1">{{data.val1}}</span>
</div>

Привязка свойства

<div class="row rating" style="float:right;">
     <span class="fa fa-star"  name="val1" [innerHTML]="data.val1"></span>
</div>

При отображении значений данныхЧто касается строк, то нет технической причины предпочитать одну форму другой.Вы склоняетесь к удобочитаемости, что способствует интерполяции.Вы предлагаете установить правила стиля кодирования и выбрать форму, которая соответствует правилам и наиболее естественна для выполняемой задачи.

Примечание:

Директива Angular NgModel - это мост, который обеспечивает двустороннюю привязку к элементам формы.

Синтаксис шаблона

Answer 2

ngModel может использоваться только для входных данных (это должны быть некоторые элементы формы).Я думаю, что вы ищете угловую интерполяцию, с помощью которой вы можете отображать данные из компонентной модели

<div class="row rating" style="float:right;">
     <span class="fa fa-star"  name="val1">{{data.val1}}</span>
</div>