0

我实现了一个控制器来存储项目的标题和与该项目关联的页面链接。

myApp.controller('takeAwayListCtrl', function($scope)
{
$scope.items = [{itemName: 'Pizze', page: 'pizze_takeaway.html'}, {itemName: 'Pasta', page: 'pasta_takeaway.html'}, {itemName: 'Dessert', page: 'dessert_takeaway.html'}];
});

虽然 x.itemName 被正确解释，但当我将页面属性 x.page 传递给导航器的 pushPage 函数时，以下代码无法正确解释它。

        <script type="text/ons-template" id="takeaway.html">
            <ons-navigator title="Navigator" var="myNavigator">
            <ons-page>
            <ons-toolbar>
            <div class="center">Take Away</div>
            </ons-toolbar>

            <ons-list ng-controller="takeAwayListCtrl">

            <ons-list-item modifier="tappable" ng-repeat="x in items">

            <ons-button ng-click="myNavigator.pushPage( {{x.page}}, { animation : 'slide' } )" modifier="large--quiet">
            {{ x.itemName }}
            </ons-button>
            </ons-list-item>

            </ons-list>

            </ons-page>
            </ons-navigator>
        </script>

我需要逃避什么吗？

4

1 回答 1

0

我认为你不需要x.page用{{ }}.

直接像这样使用它：

<ons-button ng-click="myNavigator.pushPage(x.page, { animation : 'slide' } )"
于 2014-08-11T11:36:27.953 回答