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