Javascript 如果没有头像,请检查json中的性别并放入img标记中
我建立了一个应用程序(这是我的第一个应用程序),在那里我给用户上传用户头像和设置性别的选项。如果(在这个例子中是一个女孩)不上传任何头像,那么我想检查json并获取性别信息,用这个性别信息我想把url放在女性默认头像上 这是我的控制器代码:Javascript 如果没有头像,请检查json中的性别并放入img标记中,javascript,angularjs,json,Javascript,Angularjs,Json,我建立了一个应用程序(这是我的第一个应用程序),在那里我给用户上传用户头像和设置性别的选项。如果(在这个例子中是一个女孩)不上传任何头像,那么我想检查json并获取性别信息,用这个性别信息我想把url放在女性默认头像上 这是我的控制器代码: $scope.getUserImage = function (user) { if (user.avatar) { return user.avatar; } else { return '/images/i
$scope.getUserImage = function (user) {
if (user.avatar) {
return user.avatar;
} else {
return '/images/icons/user-' + user.gender + '.svg';
}
};
$scope.schueler = [
{
firstName: 'Sven',
lastName: 'Wauback',
gender: 'male',
avatar: 'url to avatar',
notice: 'Fast fertig mit Theorie'
},
{
firstName: 'Sonja',
lastName: 'Flockenbarsch',
gender: 'female',
avatar: 'url to avatar',
notice: 'Brauch Praxis Extrastunden'
},
{
firstName: 'Lisa',
lastName: 'Weber',
gender: 'female',
avatar: '',
notice: 'Hat kein bock auf Fotoabgabe'
},
{
firstName: 'Manuel',
lastName: 'Bürstenkrieger',
gender: 'male',
avatar: 'url to avatar',
notice: 'Denkt er wär der coolste'
}
];
这里是视图文件:
<md-list-item ng-repeat="item in schueler" class="md-2-line" ng-click="null">
<img ng-src="getUserImage(user)" class="md-avatar" alt="{{item.firstName}} {{item.lastName}}"/>
<div class="md-list-item-text" layout="column">
<h3>{{item.firstName}} {{item.lastName}}</h3>
<p>{{item.notice}}</p>
</div>
<md-divider></md-divider>
</md-list-item>
{{item.firstName}{{item.lastName}}
{{item.notice}
好的,上面的函数是我第一次尝试。。但这不起作用。我不太懂javascript。我认为这是完全错误的。有人能告诉我怎么做才是正确的方法吗?在我看来,您输入的图像源值是错误的。它不应该是
getUserImage(item)
而不是getUserImage(user)
编辑:要获取值,它将是
ng src=“{{getUserImage(item)}}”
在我看来,您为图像源传递了错误的值。它不应该是getUserImage(item)
而不是getUserImage(user)
编辑:要获取值,它将是
ng src=“{{getUserImage(item)}}”
但不要触摸getUserImage函数。在浏览器中加载应用程序后,他在源代码中仍然得到了这样的信息:哦,太棒了,这很管用!=)我认为函数不需要{{}}。。。非常感谢@SvenBudak很乐意帮助:)但是不要触摸getUserImage函数。在浏览器中加载应用程序后,他在源代码中仍然得到了这样的信息:哦,太棒了,这很管用!=)我认为函数不需要{{}}。。。非常感谢@斯文布达克很乐意帮忙:)