试图获取ons-template id值

Question

我目前无法加载gettin（此时显示的页面）ons-template id等id="page1.html＆＃34;或id="page2.html"。

我想要使用的代码是：

$(document).ready(function(){
var t = ons.findComponent('ons-template', document.body);
});

即时获取null

其他示例代码

var template =$('ons-template').attr('id');
console.log(template,t);

但是我得到undefined。

模板示例：

<ons-template id="page1.html">
    <ons-page>
        <p style="text-align: center; color: #999; padding-top: 100px;">Page1 Contents</p>
    </ons-page>
</ons-template>

我尝试了不同的方法，但仍然没有。

Answer 1

您可以使用ons.findComponent('ons-sliding-menu')获取滑动菜单对象。

该对象有一个名为_currentPageUrl的属性，以便获取您可以使用的当前页面的URL：

ons.findComponent('ons-sliding-menu')._currentPageUrl

编译页面时，<ons-template>标记将被删除，其内容将放入AngularJS $templateCache服务中。这就是为什么你找不到元素的原因。