javascript - AngularJS - 将内插的 html 片段传递给指令属性

Question

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

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;
    });

  };
}

模板(实际上是一个指令 - 引导弹出窗口的变体):

<li ng-repeat="order in orders">
   <a href="#" popover="{{ subtemplate }}">{{ order._id }}</a>
<li>

Answer 1

你可以尝试类似的事情

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

而不是在 Controller 中定义模板。您还可以使用 ngInclude 创建模板并将其包含在 html 中。