Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/380.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/23.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
Javascript 如果没有头像,请检查json中的性别并放入img标记中_Javascript_Angularjs_Json - Fatal编程技术网

Javascript 如果没有头像,请检查json中的性别并放入img标记中

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

我建立了一个应用程序(这是我的第一个应用程序),在那里我给用户上传用户头像和设置性别的选项。如果(在这个例子中是一个女孩)不上传任何头像,那么我想检查json并获取性别信息,用这个性别信息我想把url放在女性默认头像上

这是我的控制器代码:

$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函数。在浏览器中加载应用程序后,他在源代码中仍然得到了这样的信息:哦,太棒了,这很管用!=)我认为函数不需要{{}}。。。非常感谢@斯文布达克很乐意帮忙:)