【问题标题】:ng-src not binding data [duplicate]ng-src 不绑定数据[重复]
【发布时间】:2017-03-11 07:55:03
【问题描述】:

我使用ng-repeat 动态获取我的网址并使用ng-src 通过angularjs 绑定该网址。 这是代码

    <div class="x_panel" ng-repeat="data in allreviewdata|filter:search">
        <div class="x_content">
           <div class=" review-panel">
              <div class="row"style="margin-bottom:30px;" >
                  <div class="col-lg-4">
                      <span ng-bind="data.Channel"></span>
                      <span class="name_date" style="font-size:10px; font-color:#DCDCDC;" ng-bind="data.Date">date</span>
                  </div>
                  <div class="col-lg-4 pull-right"style="text-align:right;" ng-bind="data.Sentiment">
                 </div>
            </div>
           <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12" style="text-align:center;">
            <img ng-src="data.pic_url" alt="logo" width="100px;"class="review-panel-logo">
          </div>

但我无法获得正确的网址。我也使用过{{data.pic_url}},但它给出了错误。它也给出了这个错误

error

任何人都可以解决这个问题吗?

提前谢谢你..!

【问题讨论】:

  • img url 路径不正确我认为是这样...
  • @AnilKumarRam 我给出了正确的路径。 data.channel 得到正确的值,那么为什么不 data.pic_url
  • @Tarun,你能在单独的选项卡中打开 data.pic_url 值吗?
  • 尝试不使用端口
  • @Natiq 是的,我可以在另一个标签页中打开该网址。

标签: javascript angularjs flask


【解决方案1】:

你需要有这样的,

  <div ng-controller="myCtrl">
        <img src="http://{{data.pic_url}}"/>
        <img ng-src="http://{{data.pic_url}}"/>
   </div>

DEMO

【讨论】:

  • 使用 {{}} 给我错误 - jinja2.exceptions.UndefinedError: 'data' is undefined
【解决方案2】:

这样使用

<img ng-src="{{data.pic_url}}">

【讨论】:

  • 它给了我这个错误 jinja2.exceptions.UndefinedError: 'data' is undefined
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-07-27
  • 2014-08-30
  • 1970-01-01
  • 2015-08-22
  • 1970-01-01
相关资源
最近更新 更多