带动态网址的uib-popover-template

时间:2016-11-28 15:24:38

标签: angularjs twitter-bootstrap angular-ui-bootstrap

我正在尝试在网格中使用uib-popover-template并在网址中提供Id。我可以动态创建网址吗?类似的东西:

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

这似乎不起作用。如果我在我的角度范围内“硬编码”它就可以正常工作。

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

1 个答案:

答案 0 :(得分:1)

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

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