Question

我疯了，这是一件小事，但我找不到解决办法...... 我有这个js文件（angularjs应用程序在html文档的开头初始化）

app.controller('slidingMenuCtrl', function($scope) {
    $scope.categories = [
        {title: 'Festas', icon: 'ion-ios-pint', notifications: 3},
        {title: 'Palestras', icon: 'fa-microphone', notifications: 0}
    ];
    $scope.test = 'aaa';
});

和我的HTML中的某个地方

<ons-template id="menu.html" ng-controller="slidingMenuCtrl">
    <ons-page>
        <div ng-repeat="x in categories">
            {{x.title}}
        </div>
        <div>
            {{test}}
        </div>
    </ons-page>
</ons-template>

带有ng-repeat的div显示什么，但没有它的那个显示'aaa'正确，为什么？

Answer 1

ons-template模板不支持ng-controller指令，基本上它需要一个想法来处理模板，然后处理如果我们要求模板http它返回已注册{{1}与ons-template一起使用id

你可以通过menu.html标记script来做同样的事情。它与角度中的text/ons-template相同。

<强>模板

type/ng-template

在<script type="text/ons-template" id="main.html"> ...content here... </script>上添加ng-controller将通过实例化ons-page指定的controller指令使其正常工作。

<强>代码

ng-controller

ng-repeat不使用onsen ui

1 个答案: