Angularjs 昂森'；s Navigator-pushPage函数

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

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>

带走
{{x.itemName}

---

我需要逃避什么吗？

我认为你不需要用

{{}

来包装

x.page

直接使用它，就像这样：

<ons-button ng-click="myNavigator.pushPage(x.page, { animation : 'slide' } )"

---

为什么需要html中的实际字符串？
ng click
应该解析表达式，并使用适当的值调用
myNavigator.pushPage（x.page，…
函数。