无法访问子指令控制器内的ng-repeat项

Question

我正在使用指令来呈现列表项。尽管{{item.name}}适用于每个列表项，但在第一个列表项之后的控制器内部未定义$ scope.itemz。

.directive('orderItem', function () {
    return {
        restrict: 'E',
        replace: true,
        scope: {
            item: '='
        },
        templateUrl: 'order-item.html',
        controller: function($scope) {
            $scope.itemUrl = function () {
                return '#/app/products/'+$scope.item.product_id;
            }
        }
    };
})


<ion-item ng-repeat="item in order.items">
   <order-item item="item"></order-item>
</ion-item>

<script type="text/ng-template" id="iow-item.html">
  <a ng-href="{{itemUrl()}}">
   {{item.name}}
    ...
  </a>
</script>

我在这里想念的是什么？我正在另一种观点做类似的事情，并且工作正常；