Javascript 控制器数据集-角度中的另一页

然后单击user.html列表。我必须在productDetail.html文件中显示单击的产品数据

ProductController.js

user.html

productDetail.html

---

需要更多的澄清，无论两个HTML在产品点击时显示在相同的视图中还是不同的视图中

这是一个我理解你的问题和评论的例子。

这是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>

---

另一个HTML将选择相同的角度控制器。

您的问题非常不清楚。我添加了更多详细信息，您可以查看我的朋友吗？这取决于productDetail.HTML与user.HTML的链接方式。这是一条支线吗？它是子视图吗？它是否在同一控制器中？是的，它是同一控制器rg mouseover=selectedProductp首先删除此。如何为此my friend设置http链接？是否希望使用锚定标记链接或重定向到页面？我希望使用ID my friend重定向到页面。

<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>

<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>

  $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];
  };

 <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>