代码之家 › 专栏 › 技术社区 › N.Zukowski

平移角度带选择图标标签

angular-strap angular-translate

0

N.Zukowski · 技术社区 · 8 年前

我正在努力解决翻译问题。在应用程序中使用标准角度带选择示例的图像:

$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"}];

如何可能使用角度翻译来翻译标签变量中的文本(齿轮、地球仪、心脏…)?

1 回复 | 直到 8 年前

1

0

N.Zukowski 8 年前

好的,伙计们,我想我已经解决了我的问题。对于任何对解决方案感兴趣的人:

控制器:

$scope.selectedSecurityColours = [];
	$scope.securityColours = [{"value":"black","label": {text: "BLACK", icon: '<i class="fa fa-circle fa-circle-black"/>'}},
	                {"value":"green","label": {text: "GREEN", icon: '<i class="fa fa-circle fa-circle-green"/>'}},
	                {"value":"red","label": {text: "RED", icon: '<i class="fa fa-circle fa-circle-red"/>'}},
	                {"value":"blue","label": {text: "BLUE", icon: '<i class="fa fa-circle fa-circle-blue"/>'}},
	                {"value":"silver","label": {text: "SILVER", icon: '<i class="fa fa-circle fa-circle-silver"/>'}},
	                {"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>
					</button>

技巧是正确使用bs选项属性。我找不到任何描述我的解决方案的文档,但它似乎正常工作。