如何使角度仅显示可用的数据

Question

在我看来，我想展示用户的形象。我有用户通过Facebook登录我的应用程序和用电子邮件登录并通过的用户。当用户从Facebook登录时，我从他们的Facebook上拍照并将其显示在视图上，如果他们使用电子邮件登录，我会拍摄他在数据库中的照片。如何让angularjs拍摄我可用的照片。我可以这样做吗

<img ng-src="{{user.picture}}" ng-src="{{pic[1]}}">  

放置两个图像，如果user.picture可用，它将显示它，否则显示pic [1]。

还有其他解决方案吗？

Answer 1

您可以使用＆＃39; ||＆＃39; （或）在你看来是这样的：

<img ng-src="{{user.picture || pic[1]}}" />

Answer 2

你可以这样做：

<img ng-src="{{user.picture}}" ng-if="user.picture">
<img ng-src="{{pic[1]}}" ng-if="!user.picture"> 

这样，如果user.picture未定义，则会显示。否则它显示另一个

Answer 3

粗略的解决方案，只需使用两张图片，根据user.picture

的值隐藏它们

<img ng-src="{{user.picture}}" ng-hide='!user.picture'>
<img  ng-src="{{pic[1]}}" ng-hide='user.picture'>

<小时/> 解决方案2：

另一种选择是使用src设置一个图像，这有条件地在控制器内部发生变化。

代表：

<img ng-src="{{finalPic}}" />

在controllerJs中，在您已经获得图像之后，请输入：

$scope.finalPic=$scope.user.picture?$scope.user.picture:$scope.pic[1];