javascript - 我们如何设计来自数组连接的字符串？

Question

我有一个场景，一旦用户从模态窗口中选择了多个所有者，我在屏幕上用 ; 分隔符显示了所有选定的所有者，所以我的问题是我可以为每个所有者添加一些背景颜色吗这些元素而不是使用分隔符，因此用户可以看到名称的差异。

html

<input type="text" class="form-control mousedwncall"
        id="cntrlOwner" required ng-model="controlDTO.cntrlOwner"
        name="cntrlOwner"
        ng-click="opencntrlOwner()"
        placeholder="Control Owner" />

控制键

 $scope.selectedControlOwner = function() {
       $scope.ctrlOwnerModal.close();
       $scope.createControlFormName.$dirty=true;
       $scope.controlDTO.controlOwnerWorkerKey = $scope.selectedOwners.map(function (owner) { return owner.workerKey; });
       $scope.controlDTO.cntrlOwner = $scope.selectedOwners.map(function (owner) { return owner.fullName; }).join(';');
     };

Answer 1

我想你要找的是select2 .当您选择多个值时，它会将它们显示为一个看起来像文本输入的内容中的可关闭元素列表。例如去 here然后按“设置为加利福尼亚和阿拉巴马州”