[英]Angularjs Html with CSS with in the TAG
我正在尝试在控制器中使用ng-bind-html属性和$ sce依赖项将HTML插入模板内。 但是由于某种原因,它无法按预期工作,因此无法显示国家/地区标志。 我可以检查并看到标志代码值即将到来,但是当我在My Project中实施时,标志无法在下拉列表中显示。 我的代码:
在HTML中
<ui-select ng-model="payment.baseCurrency" name="baseCurrency" class="currency" required data-ng-change="determinePaymentMethods()" theme="select2" >
<ui-select-match placeholder="{{'Select' | translate}}"><flag country="{{$select.selected.flagCode}}" size="16"></flag> {{$select.selected.code}} {{$select.selected.name}}
</ui-select-match>
<ui-select-choices repeat="baseCurrency in baseCurrencies track by baseCurrency.flagCode | searchFilter:{name:$select.search}" >
<flag country="baseCurrency.flagCode" size="16" ng-bind-html=" toTrusted($index) +' '+ baseCurrency.code +' '+ baseCurrency.name |highlight: $select.search"></flag>
</ui-select-choices>
</ui-select>
在控制器中
$scope.toTrusted = function(length) {
var country = $scope.baseCurrencies[length].flagCode;
return $sce.trustAsHtml('<span class="flag '+country+'"></span>');
};
在ui-select-choices
行中,您需要使用ng-repeat
而不是repeat
。
<ui-select-choices ng-repeat="baseCurrency in baseCurrencies track by baseCurrency.flagCode | searchFilter:{name:$select.search}" >
那可能会修复您的代码。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.