AngularJS和材质图标

材质图标在我的AngularJS应用程序中运行良好

在my template.html中：

<i class="material-icons">&#xE86A;</i>

我可以看到{{x.icon}的正确值

为什么

<i class="material-icons">{{x.icon}}</i> 

{{x.icon}

---

不工作？

使用

ng绑定html

和不安全过滤器：

templat.html

 <i class="material-icons" ng-bind-html="x.icon | unsafe "></i>

---

尝试分析该值。它被打印成字符串

<i class="material-icons">{{x.icon}}</i> 

 <i class="material-icons" ng-bind-html="x.icon | unsafe "></i>

app.filter('unsafe',function($sce){
  return $sce.trustAsHtml
})