angularjs - AngularJS リストから画像を選択

Question

簡単な写真リストを実装しています。これが私のコードです。2 つの質問があります。 1. ユーザーが画像をクリックするたびに 1 つの選択を行いたい。彼が 1 つの写真を選択するたびに、他の選択がクリアされます。どうやってやるの？2. 境界線の代わりに、fa-check ( http://fontawesome.io/icon/check/ )などのアイコンを使用したいと思います。cssでどのように組み合わせることができますか？

ありがとう！

cssファイル

.selected {
   border:2px solid red;
}

jsファイル

$scope.items = [
    {imageUrl: '/app/img/item1.jpg'},
    {imageUrl: '/app/img/item2.jpg'}];

$scope.toggle = function (item) {
    item.selected = !item.selected;
  };

htmlファイル

<div class="category rating-type">
<h5>items list</h5>
<div class="pics-continer">
    <ul>
        <li ng-repeat="item in items" ng-click="toggle(item)" ng-class="{'selected':item.selected}">
            <div style="background-image: url({{item.imageUrl}});height:36px; width:40px;display:inline-block"></div>
        </li>
    </ul>
</div>