Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ionic-framework/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs 如果图像为空,则使用ng if使p显示_Angularjs_Ionic Framework - Fatal编程技术网

Angularjs 如果图像为空,则使用ng if使p显示

Angularjs 如果图像为空,则使用ng if使p显示,angularjs,ionic-framework,Angularjs,Ionic Framework,如果图像源中缺少图像,我想显示一个。因此,如果有图像,则显示图像;如果没有图像,则显示标记中的内容 heyAdd A Photo“> 在这里,我为链接下面的plz检查做了一个工作示例 请检查一下 <div ng-app="ImageDisplay"> <div id="logo" ng-controller="ImageController"> <div> <h3> First Image &

如果图像源中缺少图像,我想显示一个
。因此,如果有图像,则显示图像;如果没有图像,则显示
标记中的内容


heyAdd A Photo“>


在这里,我为链接下面的plz检查做了一个工作示例

请检查一下

    <div ng-app="ImageDisplay">
    <div id="logo" ng-controller="ImageController">
    <div>
    <h3>
    First Image
    </h3>
    <img ng-if="selected_.image1 != ''" src="{{selected_.image1}}" height="100px" width="50px" /></div>
                      <div ng-if="selected_.image1 == ''">

                        <p>hey<button ng-click="discardIntroPage();" class="button button-assertive">Add A Photo</button>">
                        </p>
                  </div>
                  <div>
    <h3>
    Second Image
    </h3>

                  <img ng-if="selected_.image2 != ''" src="{{selected_.image2}}" />              </div>
                      <div ng-if="selected_.image2 == ''">

                        <p>hey<button ng-click="discardIntroPage();" class="button button-assertive">Add A Photo</button>
                        </p>
                  </div>
                </div>
      </div>
var app = angular.module('ImageDisplay', []);

app.controller('ImageController', function($scope) {
$scope.selected_ = {
image1:null,
image2:null
};
    $scope.selected_.image1= 'https://cdn0.iconfinder.com/data/icons/metro-style-people-svg-icons/48/User_login-512.png';
//  alert($scope.selected_.image1);
  $scope.selected_.image2 = '';
    $scope.discardIntroPage = function() {
    alert('Add Photo');
  }
});

第一图像
heyAdd A Photo“>

第二图像 他拍了一张照片

var app=angular.module('ImageDisplay',[]); 应用程序控制器('ImageController',函数($scope){ $scope.selected u={ 图1:null, 图2:空 }; $scope.selected\uu.image1='1https://cdn0.iconfinder.com/data/icons/metro-style-people-svg-icons/48/User_login-512.png'; //警报($scope.selected\uux.image1); $scope.selected\uux.image2=''; $scope.page=函数(){ 警报(“添加照片”); } });
指令来处理图像

var-app=angular.module(“app”,[]);
app.directive(“imageLoading”,函数($rootScope,$timeout){
返回{
限制:“A”,
范围:{
图像加载:“=”
},
链接:功能(范围、元素){
元素上(“错误”,函数(){
元素。隐藏();
作用域$apply(函数(){
scope.imageload=true;
})
});
}
};
});

图1
找不到谷歌图片

图2 找不到谷歌图片
尝试
ng if=“!selected.image”