试图获取 ons-template id 值

Question

我无法获取当前加载的（当前显示的页面）ons-template id 等 id="page1.html" 或 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服务中。这就是你找不到元素的原因。

试图获取 ons-template id 值

Trying to get ons-template id value

jquery

onsen-ui