2016-03-19 15 views
0

ng-repeatを使用してアイテムのリストを初期化しようとしています。ng-repeat:選択したデフォルトアイテムを初期化する方法

<div class="item" ng-click="selectedProject(fpItem)" data-id="{{fpProjectItem.id}}" ng-repeat="fpItem in fpItems"> 
    <img src="{{fpItem.thumbnail}}" /> 
    <span class="item-title">{{fpItemDetails.projectname}}</span> 
</div> 

これは、これを解決するためにどのようにエラーに

.../location/fpItem.thumbnail%7D%7D net::ERR_FILE_NOT_FOUND 

を与えます。

また、デフォルトの選択値を初期化したいとします。どのようにできるのか。

+0

あなたがここに二つの質問を求めているを追加します。第2に、値の1つを 'ng-model'に設定してください – user2954587

+0

可能な複製http://stackoverflow.com/questions/12922509/image-get-requests-with-angularjs –

答えて

1

画像にng-srcを使用します。参照:https://docs.angularjs.org/api/ng/directive/ngSrc

ng-repeatの最初の項目を決定するには、$firstまたは$index === 0を使用します。 `$ scope.fpItems`をロードしようとしているファイルが正しいパスではありませんので、最初のファイルが見つからない:例えば

はANG属性ng-class="{'selected':$first}"

0

コード内の を に置き換えてください。 srcでパスが解決されていません。

+2

' srcの代わりに 'ng-src'を使用してくださいパスを動的に取得できるようにします。 – Shashank

関連する問題