2016-07-19 25 views
0

私はアプリを作りました。そこにユーザーのアバターをアップロードし、そこに性別を設定するオプションがあります。 (この場合は少女)がアバターをアップロードしないと、jsonを確認してジェンダー情報を取得したいと思っています。このジェンダー情報を使って、女性のデフォルトアバターにURLを配置します。アバターがいない場合は、jsonの性別をチェックしてimgタグに入れてください

$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> 

[OK]を関数は、私からの最初の試みです..しかし、このいけない作業

は、ここに私のコントローラのコードです。私は多くのJavaScriptを知らない。私はこれが完全に間違っていると思う。誰かがこれを行う正しい方法はどのように私に教えてもらえますか?

答えて

2

あなたのイメージソースに間違った価値を渡しているように見えます。それはng-src="{{getUserImage(item)}}"

+0

が、角度のdont getUserImage機能に触れるだろうからが値を取得する:getUserImage(item)代わりのgetUserImage(user)

編集すべきではありません。ブラウザでアプリケーションを読み込んだ後も、彼はまだこれをSourcecodeに持っています:

+0

@SvenBudakは更新されたサンプル作業を行いますか? – Manatherin

+0

これは素晴らしい作品です! =)私は関数が{{}}を必要としないと思った...ありがとう! –

関連する問題