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”