我們怎樣才能從數組連接中設置字符串？

我有一個場景，其中一旦用戶從模態窗口中選擇多個所有者，我在屏幕上顯示所有選定的所有者與;分隔符，所以我的問題是我可以添加一些背景顏色的每個這些項目，而不是使用分隔符，可以看到名稱的差異。我們怎樣才能從數組連接中設置字符串？

HTML

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

ctrl.js

$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(';'); 
    };

來源

2016-03-17 hussain

您不能設計''元素值的部分。你可以對整個事物進行設計。 – Pointy

我認爲你正在尋找的是select2。當你選擇多個值時，它將它們顯示爲可看到文本輸入內容的可關閉項目列表。舉例here，然後按'設爲加利福尼亞州和阿拉巴馬州'

來源

2016-03-17 14:26:01

此鏈接有幫助 – hussain

不是存儲名稱拼接列表中，你可以簡單地存儲列表。然後在你的模板，你可以ng-repeat在這個名單並儲存在<span>每個名稱（或其他元素），你可以再樣式：

$scope.controlDTO.cntrlOwners = $scope.selectedOwners.map(function (owner) { return owner.fullName; });

然後在您的標記：

<div> 
    <span class="owner" ng-repeat="owner in controlDTO.ctrlOwners">{{owner}}</span> 
</div>

來源

2016-03-17 14:17:57

此解決方案無法工作 – hussain

您可以添加一些細節嗎？ –

我們怎樣才能從數組連接中設置字符串？

回答

相關問題