时间戳

首页 > 解决方案 > 如何为 span Angular 6 设置 ngModel？

angular - 如何为 span Angular 6 设置 ngModel？

问题描述

HTML5

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

TS

data = {
 val1 = ''
}

注意：我需要一个唯一的名称。我想使用星级系统。我只想得到名字。

标签： angularhtmltypescriptangular6

解决方案

方法

插值 

<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 指令是一个桥梁，它允许双向绑定到表单元素。

模板语法

推荐阅读