以角度显示图像

我想单击按钮选择图像时显示图像im <img src> 它显示图像的所有信息，但它根本不显示任何图像。我把我的app.js图像的使用.directive以角度显示图像

.directive("filesInput", function() { 

    return { 
     require: "ngModel", 
     link: function postLink($scope, elem, attrs, ngModel) { 
      elem.on("change", function(e) { 

       var files = elem[0].files; 
       ngModel.$setViewValue(files); 
       // var imageData = _.map(files, 'name'); 
       $scope.img = files; 
       console.log(files); 


      }) 
     } 
    } 
});

我如何可以调用.directive（“filesInput”），以我的控制器的信息在我的.html显示

<img src="{{files}}">

来源

2017-05-04 VLR

代码上plunker预先设置图像路径请 –

你有没有使用NG-SRC试图代替SRC例如为角计算表达式已经装载了NG-SRC后，但不SRC –

@UpalRoy https://plnkr.co/edit/8pohuO2gUf7zgkK5fdac?p=preview我没有任何在我的控制呢。 – VLR

看起来问题出在该指令，它被设置图像。所以它设置了范围img而不是变量。 img需要完整的路径，例如

<img ng-src="{{img}}">

或取决于位置，你需要才如

<img ng-src="'/pathofimage/' + {{img}}">

来源

2017-05-04 02:07:29

以角度显示图像

回答

相关问题