Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/spring/13.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript ng重复不使用onsen ui_Javascript_Angularjs_Angularjs Ng Repeat_Angularjs Controller_Onsen Ui - Fatal编程技术网

Javascript ng重复不使用onsen ui

Javascript ng重复不使用onsen ui,javascript,angularjs,angularjs-ng-repeat,angularjs-controller,onsen-ui,Javascript,Angularjs,Angularjs Ng Repeat,Angularjs Controller,Onsen Ui,我快发疯了,这是一件小事,但我找不到解决办法。。。 我有这个js文件(angularjs应用程序在html文档的开头初始化) 在我的html中的某个地方 <ons-template id="menu.html" ng-controller="slidingMenuCtrl"> <ons-page> <div ng-repeat="x in categories"> {{x.title}} <

我快发疯了,这是一件小事,但我找不到解决办法。。。 我有这个js文件(angularjs应用程序在html文档的开头初始化)

在我的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>

{{x.title}}
{{test}}

带有ng repeat的div不显示任何内容,但没有它的div正确显示“aaa”,为什么?

ons模板
模板不支持
ng控制器
指令,基本上,它需要一个处理模板的想法,然后再进行处理,如果我们通过
http
请求模板,它将返回带有
id
的注册
ons模板,这里是
menu.html

您可以通过在那里使用
script
类型为
text/ons模板的标记来执行相同的操作。它在角度上与
type/ng模板
相同

模板

<script type="text/ons-template" id="main.html">

   ...content here...

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

谢谢,我不知道。我试图在ons页面中调用控制器,但控制器当时甚至无法识别。但是我发现了问题,我分别初始化了ons和angularjs,我不应该这样做t@user3820203但是你添加的代码有我纠正的问题。。无论如何。谢谢:)
<ons-page ng-controller="slidingMenuCtrl">
    <div ng-repeat="x in categories">
        {{x.title}}
    </div>
    <div>
        {{test}}
    </div>
</ons-page>