如果填充了括号,则会隐藏图像

时间:2015-09-18 10:13:43

标签: angularjs

我有这段代码,基本上上传图片时会填充logoFileUrl,我希望占位符在填充后删除。

继承我的代码

        <div class="thumbnail" ng-show="!$flow.files.length">
            <img ng-hide="{{logoFileURL}}" src="http://www.placehold.it/200x150/EFEFEF/AAAAAA&amp;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&amp;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>

1 个答案:

答案 0 :(得分:0)

试试这个:

在控制器的开头,明确将logoFileUrl设置为空:

 yourApp.controller('yourController', function...){
    logoFileUrl = '';
    ...
 }

然后,在上传后填充它。

在您的HTML中,使用ng-if

<img ng-if="{{!logoFileURL}}" .../>