我有这段代码,基本上上传图片时会填充logoFileUrl
,我希望占位符在填充后删除。
继承我的代码
<div class="thumbnail" ng-show="!$flow.files.length">
<img ng-hide="{{logoFileURL}}" src="http://www.placehold.it/200x150/EFEFEF/AAAAAA&text=no+image">
<img ng-src="{{logoFileURL}}">
</div>
实际发生的是占位符图像停留,第二个上传的图像也显示
继承我所做的改变
我把它放在我的控制器中
eventModule.config(function ($stateProvider, $urlRouterProvider, flowFactoryProvider) {
//$locationProvider.html5Mode(true).hashPrefix('!');
logoFileUrl = '';
$stateProvider
我把它放在我的HTML
中 <div class="thumbnail" ng-show="!$flow.files.length">
<img ng-if="{{!logoFileURL}}" src="http://www.placehold.it/200x150/EFEFEF/AAAAAA&text=no+image">
<img ng-src="{{logoFileURL}}">
</div>
<div class="thumbnail ng-hide" ng-show="$flow.files.length">
<img flow-img="$flow.files[0]">
</div>
答案 0 :(得分:0)
试试这个:
在控制器的开头,明确将logoFileUrl
设置为空:
yourApp.controller('yourController', function...){
logoFileUrl = '';
...
}
然后,在上传后填充它。
在您的HTML中,使用ng-if
:
<img ng-if="{{!logoFileURL}}" .../>