带有动态 url 的 uib-popover-template

Question

我正在尝试在网格中使用 uib-popover-template 并在 url 中提供 Id。我可以动态创建 url 吗？类似于：

uib-popover-template="../assets/asset-bulk-upload/edit-bulk-asset/{{asset.AssetId}}"

这似乎不起作用。如果我 "hard code" 它在我的 angular 范围内它工作正常。

<a href="" title="" class="btn btn-primary"
    ng-if="asset.Error"
    uib-popover-template="../assets/asset-bulk-upload/edit-bulk-asset/{{asset.AssetId}}"
    popover-title="{{asset.AssetCode}}"
    popover-trigger="outsideClick"
    popover-placement="auto left"
    tabindex="2"
    ng-click="openPopover();">@Model.FixErrorsLabel</a>

这确实有效（但 Id 是静态的）：

   $scope.dynamicPopover = {
     assetEditBulkTemplateUrl: '../assets/asset-bulk-upload/edit-bulk-asset/5'
   };

Answer 1

uib-popover-template 接受一个表达式，并根据基础 scope 变量对其求值。您应该提供字符串，其余部分可以轻松连接

uib-popover-template="'../assets/asset-bulk-upload/edit-bulk-asset/'+asset.AssetId"

带有动态 url 的 uib-popover-template

uib-popover-template with dynamic url

twitter-bootstrap

angularjs

angular-ui-bootstrap