Javascript AngularJS-将插入的html片段传递给指令属性

我有一个控制器，它接收项目的json列表并在我的视图中重复它们。我使用的是bootstrap popover的一个变体，希望在my$scope.popover定义的子模板中插入订单ID，并对其进行变量解析。我读到方括号是一种方法，但它似乎对我不起作用

function ManageOrderCtrl($scope, $http) {
  $scope.subtemplate = '<input class="hidden" value="[order._id]">';

  $http.get('/api/orders').
    success(function(data, status, headers, config) {
      $scope.orders = data.orders;
    });

  };
}

函数ManageOrderCtrl（$scope，$http）{
$scope.subtemplate=''；
$http.get（'/api/orders'）。
成功（函数（数据、状态、标题、配置）{
$scope.orders=data.orders；
});
};
}

模板（实际上是一个指令-bootstrap popover的变体）：

您可以尝试以下方法

<li ng-repeat="order in orders">
   <a href="#" popover="<input class="hidden" value='{{order._id}}'">{{ order._id }}</a>
<li>

---

而不是在控制器中定义模板。您还可以使用

ngInclude

创建模板，并将其包含在html中。

此处的子模板被视为普通字符串值，并且不会发生范围解析。为什么要在html属性

popover

中嵌入html没有错误，但是变量order\u id不会被插值。我之所以要这样做，是因为我需要将一些相当复杂的html传递给popover属性——不知道还有什么更好的方法。我们希望有一个简单的方法，而不是为它编写一个指令——特别是考虑到popover已经是2个指令了——为什么需要在属性中放置html？只是在浏览器解析时询问断开标记的问题it@charlietfl查看bootsrap popover-我想在其中插入html。这是一个非常常见和合理的请求——在jquery中是一个管理单元——但在jquery中，我会用字符串编写html代码并分配它——只是试图找到一种有角度的方式。是的，这就是我现在拥有的——但它太乱了——有相当多的html。在我的例子中，ngInclude似乎没有被解析——只是打印出：ng include'templatename.html'我认为它没有被解析，因为它实际进入的代码（在示例中是A标记）本身就是一个指令

<li ng-repeat="order in orders">
   <a href="#" popover="<input class="hidden" value='{{order._id}}'">{{ order._id }}</a>
<li>