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

时间:2014-10-09 04:05:41

标签: javascript angularjs ionic-framework

我现在有一个关于我的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>

控制器

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

我喜欢我正在使用此网站http://codepen.io/ionic/pen/GpCst

中的“Ionic Popover”

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

请帮帮我..谢谢

1 个答案:

答案 0 :(得分:1)

使用Popover函数可以传入范围值。我将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;
});

有意义吗?