标签: meteor-blaze

我有,我想只运行时,有一些代码noUser和一些有一个时候currentUser.
所有这些都在导航模板中.像这样......

   {{#if currentUser}}  
     <li class="nav"><a href="{{pathFor 'create'}}">Post</a>  
     </li>  
     <li class="nav"><a>Ola, {{thisUser}}!</a>  
     </li>  
     <li class="nav"><a href="#" id="logout">Log Out</a>  
     </li>  
   {{/if}}  

   {{#if noUser}}  
      <li class="nav"><a href="{{pathFor 'signup'}}">Sign Up</a>  
      </li>  
      <li class="nav"><a href="{{pathFor 'login'}}">Login</a>  
      </li>  
   {{/if}}  

所以问题是,当有一个currentUser(即我已经登录)并且我刷新页面时,{{#if noUser}}块内的代码首先显示然后是{{#if currentUser}}块,而{{#if noUser}}块只是在没有用户时显示.
这是模板的帮助代码..

Template.navigation.helpers({

    thisUser: function () {
            return Meteor.user().username;

    },

    noUser: function () {
        var user = Meteor.user();

        if (!user) {
            return true;
        };
    }


});

不知道我在这里做错了什么.:(
请帮忙.

有没有办法缩短

{{#if arg1}}
    {{#if arg2}}
        //stuff
    {{/if}}
{{/if}}

只有一个如果？

{{#if arg1 arg2}}
{{#if arg1 && arg2}}

以上两种似乎都不起作用.

我在Spacebars模板中有这段代码:

1.
<select class="form-group">
  {{#each choices}}
    <option>{{this}}</option> 
  {{/each}}
</select>

我想重复这个N次,每次增加数量,如下:

1.
<select class="form-group">
  {{#each choices}}
    <option>{{this}}</option> 
  {{/each}}
</select>
2.
<select class="form-group">
  {{#each choices}}
    <option>{{this}}</option> 
  {{/each}}
</select>
3.
<select class="form-group">
  {{#each choices}}
    <option>{{this}}</option> 
  {{/each}}
</select>

我希望能够将N传递给自定义模板标签来处理这个问题(例如{{choices 3}}).这样做有什么好干的方法？我有一个模糊的概念,我可以写一个模板助手,但我不知道从哪里开始.

我注意到我的<!-- HTML comments -->代码已经进入了我的生产缩小版 JS 代码中。

我该如何摆脱它们？

有没有办法在{{#if}}语句中进行逻辑运算？我希望有类似的东西:

{{#if A && B}}
  some html
{{/if}}

我找不到关于火焰逻辑的文档,所以我猜它不受支持.我只是想确定一下.对不起这个相当愚蠢的问题......

我对语义 UI 中的 Segments 有问题。我有一个动态元素列表，我在其中放置了一个段类，并在其中显示了一些数据和一些图标。我的问题是我无法将图标推到标题后的右侧。（他们是跨度保持在同一行）

    .ui.segments.piled
      if currentUser
        .ui.segment
            form.new-list.ui.transparent.icon.input.fluid
                i.icon.edit
                input(type="text" name="text" placeholder="Add List")
      each lists
        .ui.segment.listitem.list-selected
          span.text #{text}
          if isOwner
            span#editlist
                i.fa.fa-edit
            span
                i.icon.delete.ui.red
            span.toggle-list-private
                if private
                    i.fa.fa-lock.private-lock
                else
                    i.fa.fa-unlock.public-lock
        .ui.teal.label
            span {{incompleteCount this._id}}

我尝试了 .floated.right 和 .aligned.right 但没有任何效果......我想推动所有图标并将其粘贴到右侧。

谢谢您的帮助

我有 2 个单独的模板：

<template name = "MusicControl">
  <!-- Some Logics here -->
</template>

<template name = "MusicSystem">
  <!-- Some Logics here ("click" event) -->
</template>

我有 2 个与这 2 个模板相关联的 JavaScript 文件。

我想要的是，如果MusicControl模板"click"上发生事件 ( event) ，它会设置某种全局变量（但不是变量），以便我可以在另一个模板中作为辅助函数访问它。 Session