Question

我正在使用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

有人能解决这个问题吗？

提前谢谢..！

Answer 1

以这种方式使用

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

Answer 2

你需要这样，

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

<强> DEMO

ng-src不绑定数据

2 个答案: