2016-03-05 2 views
0

Я пытаюсь решить проблему перевода. Изображение используется стандартный угловой ремень выберите пример в приложении:Перевод угловой ленты выберите значок метки

$scope.selectedIcon = ""; 
$scope.selectedIcons = ["Globe","Heart"]; 
$scope.icons = [{"value":"Gear","label":"<i class=\"fa fa-gear\"></i> Gear"},{"value":"Globe","label":"<i class=\"fa fa-globe\"></i> Globe"},{"value":"Heart","label":"<i class=\"fa fa-heart\"></i> Heart"},{"value":"Camera","label":"<i class=\"fa fa-camera\"></i> Camera"}]; 

Как это может быть возможным, чтобы перевести текст (Gear, Globe, сердце ...) в Lable переменной с помощью углового перевода?

ответ

0

Хорошо, ребята, я думаю, что решил свою проблему. Для любого, кто заинтересован в решении:

Контроллер:

$scope.selectedSecurityColours = []; 
 
\t $scope.securityColours = [{"value":"black","label": {text: "BLACK", icon: '<i class="fa fa-circle fa-circle-black"/>'}}, 
 
\t     {"value":"green","label": {text: "GREEN", icon: '<i class="fa fa-circle fa-circle-green"/>'}}, 
 
\t     {"value":"red","label": {text: "RED", icon: '<i class="fa fa-circle fa-circle-red"/>'}}, 
 
\t     {"value":"blue","label": {text: "BLUE", icon: '<i class="fa fa-circle fa-circle-blue"/>'}}, 
 
\t     {"value":"silver","label": {text: "SILVER", icon: '<i class="fa fa-circle fa-circle-silver"/>'}}, 
 
\t     {"value":"gold","label": {text: "GOLD", icon: '<i class="fa fa-circle fa-circle-gold"/>'}}]

Вид:

<button type="button" class="btn btn-default" ng-model="selectedSecurityColours" data-html="1" data-multiple="1" data-animation="am-flip-x" max-length="4" max-length-html="{{'SELETED' | translate}}" placeholder="{{'CHOOSEAMOUNGTHEFOLLOWING' | translate}}" bs-options="securityColour.value as securityColour.label.icon + ' ' + (securityColour.label.text | translate) for securityColour in securityColours" bs-select> 
 
\t \t \t \t \t </button>

Хитрость заключается в том для правильного использования атрибута bs-options. Я не мог найти никаких документов, описывающих мое решение, но он работает нормально.

Смежные вопросы