如何使用ng-repeat根据条件访问对象的对象

$scope.items = [
  { name: 'Item 1', details: { available: true, price: 10 } },
  { name: 'Item 2', details: { available: false, price: 20 } },
  { name: 'Item 3', details: { available: true, price: 30 } }
];

<div ng-app="myApp" ng-controller="myCtrl">
  <div ng-repeat="item in items">
    <div ng-if="item.details.available">
      <h3>{{ item.name }}</h3>
      <p>Price: {{ item.details.price }}</p>
    </div>
  </div>
</div>

<div ng-app="myApp" ng-controller="myCtrl">
  <div ng-repeat="item in items">
    <div ng-show="item.details.available">
      <h3>{{ item.name }}</h3>
      <p>Price: {{ item.details.price }}</p>
    </div>
  </div>
</div>