小编Hei*_*koS的帖子

在onsen UI中使用多个html文件

我刚刚发现了温泉,我非常喜欢它的设计和感觉.

我有一个问题,但是:

http://onsen.io/guide/overview.html#DefiningMultiplePagesinSingleHTML

它说:"您可以在同一页面中定义页面内容,而不是在单独的文件中创建menu.html和content.html."

我不喜欢将我的整个应用程序放在一个html文件中,因此我尝试将每个模板放入一个单独的文件中.这是我的文件结构:

www
- index.html
- products.html
- services.html
Run Code Online (Sandbox Code Playgroud)

这是我的标签栏:

<ons-tabbar>
  <ons-tabbar-item active="true" page="products.html">
    <div class="tab">
      <ons-icon icon="ion-home" class="tab-icon"></ons-icon>
      <div class="tab-label">Products</div>
    </div>
  </ons-tabbar-item>

  <ons-tabbar-item page="services.html">
    <div class="tab">
      <ons-icon icon="ion-gear-a" class="tab-icon"></ons-icon>
      <div class="tab-label">Services</div>
    </div>
  </ons-tabbar-item>
</ons-tabbar>
Run Code Online (Sandbox Code Playgroud)

services.html的内容编辑(products.html类似):

<ons-template id="services.html">
  <ons-page>
    <ons-toolbar>
      <div class="center">Services</div>
    </ons-toolbar>

    <ons-list>
      <ons-list-item>Item1</ons-list-item>
      <ons-list-item>Item2</ons-list-item>
      <ons-list-item>Item3</ons-list-item>
    </ons-list>
  </ons-page>
</ons-template>
Run Code Online (Sandbox Code Playgroud)

结束编辑

现在,当应用加载(Firefox,Chrome,iOS模拟器)时,它将显示标签栏和空内容.在控制台中,您可以看到尚未加载外部html文件.如果我单击"服务",浏览器将获取 services.html文件,但不会显示该文件.我点击Products,products.html文件被加载,但没有显示.

最后:如果我第二次点击"服务",则正确显示外部html文件的内容.

这是一个错误吗?有解决方法吗?我尝试在ons.ready()事件中将页面加载到$ templateCache中.它们已成功加载,但在第二次点击之前不再显示...

如果像这样的伟大框架不能将项目分成多个文件,那将是一种耻辱.

angularjs onsen-ui

13
推荐指数
1
解决办法
6186
查看次数

MySQL REGEXP字边界[[:<:]] [[:>:]]和双引号

我试图将一些全字表达式与MySQL REGEXP函数匹配.当涉及双引号时有一个问题.

MySQL文档说:"要在正则表达式中使用特殊字符的文字实例,请在其前面加上两个反斜杠()字符."

但这些查询都返回0:

SELECT '"word"' REGEXP '[[:<:]]"word"[[:>:]]';             -> 0
SELECT '"word"' REGEXP '[[:<:]]\"word\"[[:>:]]';           -> 0
SELECT '"word"' REGEXP '[[:<:]]\\"word\\"[[:>:]]';         -> 0
SELECT '"word"' REGEXP '[[:<:]] word [[:>:]]';             -> 0
SELECT '"word"' REGEXP '[[:<:]][[.".]]word[[.".]][[:>:]]'; -> 0
Run Code Online (Sandbox Code Playgroud)

还有什么可以尝试获得1?或者这不可能吗?

regex mysql word-boundary

9
推荐指数
3
解决办法
1万
查看次数

标签 统计

angularjs ×1

mysql ×1

onsen-ui ×1

regex ×1

word-boundary ×1