javascript - 为什么我的 ng-template 没有显示 angularJS 中 $scope 和 ng-repeat 的值？

Question

我现在有一个关于我的 ng-template 的问题。

这是我的代码:

HTML:

<script id="templates/popover.html" type="text/ng-template">
    <ion-popover-view>
    <ion-content>
        <div class="list">
        <a class="item" ng-repeat="chap in Chapters">
            {{chap}}
        </a>
        </div>
    </ion-content>
    </ion-popover-view>
</script>

Controller

$scope.Chapters = [1,2,3,4];
$ionicPopover.fromTemplateUrl('templates/popover.html', function (popover) {
        $scope.popover = popover;
    });

我喜欢在这个网站上使用“Ionic Popover”http://codepen.io/ionic/pen/GpCst

为什么我的 ng-repeat 没有显示任何内容..

请帮助我..谢谢

Answer 1

Popover 函数允许您传递范围值。我 fork 了 Pen 来这样做:

http://codepen.io/cfjedimaster/pen/thaim

基本的变化在这里:

$scope.Chapters = [1,2,3];
$ionicPopover.fromTemplateUrl('templates/popover.html',{scope:$scope}).then(function(popover) {
    $scope.popover = popover;
});

有道理吗？