【问题标题】:uib-popover-template do not show data insideuib-popover-template 内部不显示数据
【发布时间】:2017-07-05 19:21:05
【问题描述】:

我正在尝试使用 uib-popover-template。它以前工作过,但现在没有数据的空弹出窗口(无法附加 img)。我该如何解决这个问题?代码如下

<div class="subject"
   uib-popover-template="'popover.html'"
   popover-placement="bottom-left"
   popover-trigger="'outsideClick'">
  <a>{{user.first_name}} {{user.last_name}}</a>
</div>
<script type="text/ng-template" id="popover.html">
  <div class="media">
    <div class="media-left">
      <img class="user-icon" ng-src="{{user.actions.server}}storage/user/mini/{{user.user.avatar}}" />
    </div>
    <div class="media-body">
      {{user.first_name}} {{user.last_name}}
    </div>
 </div>
</script>

【问题讨论】:

  • 有什么错误吗?
  • 不只是空的弹出窗口

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


【解决方案1】:

ng-src directive 只需一个插值绑定就可以更好地工作:

<!-- REPLACE 
<img ng-src="{{user.actions.server}}storage/user/mini/{{user.user.avatar}}" />
-->

<!-- INSTEAD -->
<img  ng-src="{{user.actions.server +'storage/user/mini/'+ user.user.avatar}}" />

【讨论】:

  • 看起来更好。谢谢
猜你喜欢
  • 2017-01-20
  • 2018-01-16
  • 1970-01-01
  • 1970-01-01
  • 2018-02-03
  • 1970-01-01
  • 2020-04-15
  • 2020-05-15
  • 1970-01-01
相关资源
最近更新 更多