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

Question

我有一个控制器，它接收一个 json 项目列表并在我的视图中重复它们。我正在使用引导弹出框的变体，并希望在定义我的 $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;
    });

  };
}

模板（实际上是一个指令 - 引导弹出框的变体）：

<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>

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