Question

我有这段代码，基本上上传图片时会填充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>

Answer 1

试试这个：

在控制器的开头，明确将logoFileUrl设置为空：

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

然后，在上传后填充它。

在您的HTML中，使用ng-if：

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

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

1 个答案: