我正在将angular-ui-bootstrap单选按钮btn-radio
指令与angular-translate i18n指令一起使用translate
<label>
元素中这两个指令的组合使btn-radio失败。
我创建了一个plunkr来显示btn-radio行为
我知道在一个dom元素上共享多个指令存在一些问题,一种解决方法是将translate
指令放在子span
元素上,或使用translate
过滤器。
因此,我的问题是:是否有办法使这两个指令在同一元素上工作?
我的母语是朝鲜语,而不是英语。所以,我的英语不好。
原因:冲突引导用户界面和具有html元素属性的翻译库
解决方案 :
不使用带有元素属性的翻译
因此,删除元素的translate属性。
向控制器添加功能以翻译语言选项。
ex) $scope.translate = function(id) { return $translate.instant(id); };
ex) <label class="btn btn-primary" ng-model="radioModel" btn-radio="'Left'">{{translate('BTN_A')}}</label>
演示:http : //plnkr.co/edit/TPwTan2dSmMVQbNtxpgg?p=preview
用蓝色按钮测试。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句