Angularjs 如何根据调用离子视图的元素加载该视图？

我目前正在创建一个餐厅应用程序，我在这个问题上被绊倒了。我从数据库中得到一个餐馆列表，并使用ng repeat将其显示在视图上。我把它们以卡片的形式展示出来，每张卡片上有两个链接：一个是获取有关餐厅的更多信息，另一个是获取菜单。问题来了：我想使用访问链接调用视图，并显示链接所在卡上显示的特定餐厅的信息，以及所有信息。我希望该视图作为一个模板，以便它只需在一个特定的调用中加载一个特定的餐厅，并包含所有信息。有人能帮我吗？

这是显示餐厅列表的代码：

    <ion-view view-title="RESTAURANTS A LA LISTE" class="plan">
   <ion-nav-buttons side="left">
    <button class="button button-icon icon button-clear ion-android-restaurant" ng-click="openModal()"></button>
  </ion-nav-buttons>
  <ion-content>
  <h3 class="assertive">{{error}}</h3>
  <div ng-repeat="record in records"
    <div class="list card" id="contenu">

  <div class="item item-avatar">
    <img ng-src="{{record.logo}}">
    <h2>{{record.name}}</h2>
    <p class="assertive">{{record.devise}}</p>
  </div>

  <div class="item item-body">
    <img class="full-image" ng-src="{{record.photoune}}">
    <p>
      {{record.description}}
    </p>
    <p>
      <button class="button button-clear button-assertive subdued" ng-click="visite()">*Visiter</button>
      <button class="button button-clear button-assertive subdued">*Menu</a>
    </p>
  </div>

</div>
</div>
  </ion-content>
</ion-view>

我使用.factory和PHPAPI从数据库中获取数据。以下是从餐厅获取信息的工厂：

    <ion-view view-title="{{record.name}}" class="plan">
  <ion-nav-buttons side="left">
    <button class="button button-icon icon button-clear ion-android-restaurant" ng-click="openModal()"></button>
  </ion-nav-buttons>
  <ion-content>
  <div>
    <img src="{{record.photoune}}" class="headimg">
  </div>
  </ion-content>
</ion-view>

    .factory('Restaurants', function($http){
  var restaurants = [];
  return {
    getRestaurants: function(){
      return $http.get("http://192.168.8.101:80/feed.php").then(function(response){
          restaurants = response;
          return restaurants;
      });
    }
  }
})

---

您可能应该使用类似于

/restaurant/:id

的url将状态添加到

ui.router

，并且在附加到该状态的DetailController中，您可以使用

id

参数。您能给我一个示例，以便我更好地理解吗？谢谢，我需要你提供一些现有的代码。好的@Leguest就是这样：现在没事了@Leguest，我理解并应用了你的解决方案，它对我来说很好。谢谢！！

    .factory('Restaurants', function($http){
  var restaurants = [];
  return {
    getRestaurants: function(){
      return $http.get("http://192.168.8.101:80/feed.php").then(function(response){
          restaurants = response;
          return restaurants;
      });
    }
  }
})