窗口位置不起作用后推

Question

我有一个对象数组，我想将元素推入并在另一个页面上显示它们，当我点击index.html中的产品时，我称之为“addtomenu.html”。换句话说，当单击我元素右侧的+时，我希望该产品显示在新创建的表中的addtomenu.html中。 以下是我的错误方法：

我的一些app.js：

$scope.currentMenu = [
        {
          name: '',
          calorii: '',
          proteine: '',
          lipide: '',
          carbohidrati:'' ,
          fibre:  ''
        }
      ];
$scope.addItem = function (product){
      alert("OK!");
      window.location = 'addtomenu.html';
      $scope.currentMenu.push({name: product.name, calorii: product.calorii, proteine: product.proteine, lipide: product.lipide, carbohidrati: product.carbohidrati, fibre: product.fibre});
      };

一些addtomenu.html

    <tr ng-repeat="app in currentMenu">
              <td>{{ app.name }}</td>
              <td>{{ app.calorii }}</td>
              <td>{{ app.proteine }}</td>
              <td>{{ app.lipide }}</td>
              <td>{{ app.carbohidrati }}</td>
              <td>{{ app.fibre }}</td>
            </tr>

index.html的一些

 <tr ng-repeat="product in produse.products | orderBy:predicate:reverse | filter:query">
                <td class="left">{{ product.name }}</td>
                <td>{{ product.calorii }}</td>
                <td>{{ product.proteine }}</td>
                <td>{{ product.lipide }}</td>
                <td>{{ product.carbohidrati }}</td>
                <td>{{ product.fibre }}</td>
                <td><button ng-click="$parent.removeItem(product)" class="buttonimage"><img src="images/remove.png"/></button></td>
                <td><button ng-click="$parent.addItem(product)" class="buttonimage"><img src="images/addtomenu.png"/></button></td>
              </tr>

有关更多代码，请参阅完整的应用程序：

https://plnkr.co/edit/QGoKptmfFrD7wjdMZSS9?p=preview

非常感谢您的支持！