Controller-Datensatz eine andere Seite in eckigen

Question

Danach klickte Benutzer.html Liste. Ich muss angeklickte Produktdaten in der Datei productDetail.html anzeigen.

ProductController.js

$scope.selectedProduct = function(product) 


{ 
    console.log(product.post_title); 

    } 

USER.HTML

<div ng-repeat="p in users.products | filter:searchBox"> 

    <a href="#/{{$index}}/{{$index}}" ng-mouseover="selectedProduct(p)" ng-click="selectedProduct(p)" style="text-decoration:none;"> 
    <ion-item class="item widget uib_w_109 d-margins item-button-left" data-uib="ionic/list_item_button" data-ver="0"> 
    {{p.post_title}} <br> 

    </ion-item> 
    </a> 
    </div> 

productDetail.html

<div class="users"> 

    <a> 
    <ion-item data-uib="ionic/list_item_button" data-ver="0">Product Name : {{clickedProduct.post_title}} <br> 
     Product Id : {{selected.product}}<br> 
     Post Date : {{product.post_title}} 


    </ion-item> 
    </a> 
    </div> 

Answer 1

Benötigen Sie mehr Klarheit, ob beide HTML-Dateien in derselben Ansicht angezeigt werden oder bei einem Produktklick unterschiedlich sind.

hier ist ein Plunker ich machte Verständnis für Ihre Frage und Kommentare. https://plnkr.co/edit/Ii52KZkjpNndmAMvQQYU?p=preview

$scope.products = [{ 
    ID: 'P1', 
    post_title: 'product 1', 
    post_date: '20th July 2016', 
    post_author: 'John Doe' 
    }, { 
    ID: 'P2', 
    post_title: 'product 2', 
    post_date: '29th July 2016', 
    post_author: 'Jane Doe' 
    }, { 
    ID: 'P3', 
    post_title: 'product 3', 
    post_date: '12th July 2016', 
    post_author: 'John William' 
    }]; 
    $scope.selectedProduct = {}; 
    $scope.selectProduct = function(index){ 
    $scope.selectedProduct = $scope.products[index]; 
    }; 

und hier ist die HTML-

<div> 
    Product List 
    <div ng-repeat="product in products"> 
     <ion-item> 
      {{product.post_title}} 
      <button ng-click="selectProduct($index)">select</button> 
      <br> 
     </ion-item> 
    </div> 
    </div> 
    <div ng-include="'product.html'"></div> 

die anderen HTML die gleichen Winkelregler wählen.