Question

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

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

1 个答案: