窗口位置不起作用后推

时间:2016-05-06 14:31:54

标签: javascript html angularjs scope push

我有一个对象数组,我想将元素推入并在另一个页面上显示它们,当我点击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

非常感谢您的支持!

0 个答案:

没有答案