I am working with an input list coming from a modal window, displaying selected names in the input field. However, I want to enhance the presentation of these names by applying styling so that they appear as separate entities. While I am currently using join(;) as a separator between names, I feel that it is not sufficient.
Is there a way for me to add formatting that would make the display more user-friendly? For example, applying a background color to each selected item would greatly improve readability.
Here is a snippet of the code in 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" />
and here is a part of the code in ctrl.js:
$scope.processOwnerObj.workerName= $scope.selectedOwners.map(function (owner) { return owner.fullName; }).join(';');