Angular 1/$interpolate - 在数组中插入元素答案

【问题标题】：Angular 1/$interpolate - interpolate elements in arrayAngular 1/$interpolate - 在数组中插入元素
【发布时间】：2017-11-08 11:15:58
【问题描述】：

我有这个数组stateData.submenu：

[
  {
    "template": "<span>myContacts</span>",
    "sref": "contact.list"
  },
  {
    "template": "<span>myProjects</span>",
    "sref": "project.list"
  },
  {
    "template": "<span>myRecommendations</span>
      <span class=\"badge\">{{ notificationBadge }}</span>",
    "sref": "recommendation.list"
  }
]

对于$interpolate，我在数组的第三个元素中使用template 属性（解释{{ notificationBadge }} 表达式）：

this.interpolateTemplate = this.$interpolate(stateData.submenu[2].template)(this)

但它不是很干净，我想创建一个循环来迭代数组的所有template 属性和$interpolate。

我该怎么做？

【问题讨论】：

标签： javascript angularjs angularjs-interpolate

【解决方案1】：

正如你所说，你可以迭代你的模板，然后 $interpolate，就像这样。

var self = this;
this.notificationBadge = "Just a test"
this.templates = [{
     "template": "<span>myContacts</span>",
     "sref": "contact.list"
   },{
     "template": "<span>myProjects</span>",
     "sref": "project.list"
   },{
     "template": "<span>myRecommendations</span> < span class=\"badge\">{{ notificationBadge }}</span>",
     "sref": "recommendation.list"
   }].map(function each(template){
        template.template = $interpolate(template.template)(self)
        return template;
    })

【讨论】：