如何分别对输入标签应用样式？

Question

我有一个来自模态窗口的输入列表，所以这些是显示在输入字段中的选定名称，现在我想在名称上应用样式，以便它可以显示为单独的名称，我知道我使用join(;)作为名称之间的分隔符但是这是不够。

我该如何添加对用户更易读的样式，例如是否可以将背景色应用于每个选定的项目，这会更好。

main.html中

<input type="text" class="form-control  customReadOnly"
        style="font-size: 20px; background-color:red"
        id="prcsOwner" required ng-model="processOwnerObj.workerName"
        name="prcsOwner" readonly="readonly"
        placeholder="Process Owner" />

ctrl.js

$scope.processOwnerObj.workerName= $scope.selectedOwners.map(function (owner) { return owner.fullName; }).join(';');

Answer 1

您无法以这种方式使用ng-model ...您可能必须在指令中使用$ parsers和$ formatters

看到这里和文档 ...