AngularJS：單擊並將整個對象從一頁傳遞到另一頁

Question

我正在用AngularJS構建一個應用程序。

我已經與每個用戶的數據動態地構建該表：

<div ng-controller="contactsCtrl"> 
    <table> 
     <thead> 
      <tr> 
       <th>Edit</th> 
       <th>Name</th> 
       <th>Address</th> 
       <th>Telephone</th> 
       <th>Email</th> 
      </tr> 
     </thead> 
     <tbody> 
      <tr ng-repeat="contact in contacts"> 
       <td><div ng-click="{{contact}}"> Edit</div></td> 
       <td>{{contact.name}}</td> 
       <td>{{contact.adresse}}</td> 
       <td>{{contact.phone}}</td> 
       <td><a href="mailto:{{contact.email}}"> Email</a></td> 
      </tr> 
     </tbody> 
    </table> 
</div> 

我添加一個按鈕編輯與納克單擊= {{contact.name}}上它相關聯的。當我點擊那個按鈕時，我希望以下列形式顯示選定用戶的信息，以便編輯並隨後保存新數據。在表（contactsCtrl）從按鈕到窗體（DetailsCtrl）：

<div ng-controller='detailsCtrl'> 
    <div class="col-md-6 col-sm-6 col-xs-6"> 
     <h2>{{contact.name}}</h2> 
     <address> 
      <p>{{contact.adresse}}</p> 
      <p>{{contact.adresse}}</p> 
      <p>{{contact.phone}}</p> 
      <p>{{contact.email}}</p> 

     </address> 
    </div> 
</div> 

如何傳遞對象（名稱，addresse，telefone和電子郵件與所有屬性）？

我已經閱讀和聽了大量的教程，但我越來越困惑。請幫助

Answer 1

您希望在兩個控制器中都具有通用的服務，或者您可以在控制器之間進行廣播/發射。在那之後，你可以通過ng-click來傳遞整個對象，而不是ng-click = {{contact.name}} ng-click =「passContact（contact）;」

並在passContact函數中通過廣播傳遞對象/發出OR服務。

如果您想獲取代碼，請使用代碼創建一個小提琴。