AngularJS模板变量在IE11中不起作用/显示

Question

我有一个在 angularJS 项目中显示字体框的指令。该代码块在其他浏览器中运行良好，但在 IE (10, & 11) 中，模板变量未被处理，“{{ currentFont }}”实际上显示在浏览器中，而不是它所代表的变量。

我还将 currentFont 变量添加到 div 的类中，以查看它是否会在 IE11 中处理，并且效果很好。问题只是标签内部的变量。

我认为这是一个常见问题并且很容易解决。有人有什么想法吗？

<div id="fnt-select" class="select-box {{ currentFont }}" ng-class="{disabled: !selectedTextField}" ng-click="!selectedTextField || toggleSelect($event)">
  {{currentFont}}
</div>

Answer 1

答案是使用 ng-bind

<div id="fnt-select" ng-bind="currentFont" class="select-box {{ currentFont }}" ng-class="{disabled: !selectedTextField}" ng-click="!selectedTextField ||     toggleSelect($event)"></div>