繁体   English   中英

显示阵列流星助手

[英]Displaying an array Meteor Helper

对于每个问题,我正在尝试使用Meteor Helpers在li中显示choices数组。

MongoDB我的收藏是:

{ "_id" : "AS7zMpdqWzpRyzdDw", "question" : "Favorite Color?", "answer" : "Blue", "choices" : [ "Blue", "Green", "Red", "Black" ] }
{ "_id" : "RaDxyRjDyL4at6oN4", "question" : "Favorite Truck?", "answer" : "Ram", "choices" : [ "Silverado", "Tundra", "Ram", "Titan" ] }
{ "_id" : "n6kvXfoLKueTZiR2A", "question" : "Favorite Animal?", "answer" : "Dog", "choices" : [ "Cat", "Dog", "Horse", "Fish" ] }

助手的代码是

Template.genKnow.helpers({
question(){
    return GenKnow.find({});
},

});

html的代码是

    {{#each question}}
<div id="testQuestions">
    <div class="question" id="question">
        <h3 id="quesNum">QUESTION</h3>
        <p id="questions">{{question}}</p>
    </div>

    <div class="choices">
        <h3>CHOICES</h3>
        <ol id="choices">
            <li>{{choices}}</li>
        </ol>
    </div>

    <div class="answer">
        <h3>CORRECT ANSWER</h3>
        <p id="answer">{{answer}}</p>
    </div>
</div>
{{/each}}

返回的屏幕截图

对于选择,它正在回归

1. Blue, Green, Red, Black

我要它回来

1. Blue
2. Green
3. Red
4. Black

我试过了

<div class="choices">
        <h3>CHOICES</h3>
        <ol id="choices">
            {{#each {{choices}} }}
                <li></li>
            {{/each}}
        </ol>
    </div>

收到错误消息

        <div class="choices">
        <h3>CHOICES</h3>
        <ol id="choices">
            {{#each question.choices }}
                <li></li>
            {{/each}}
        </ol>
    </div>

仍然错误

任何想法如何使数组作为li项返回?

谢谢

我使用流星方法在返回GenKnow.find({})的位置执行查询。 我会使用查询

Template.genKnow.helpers({
question(){
    Meteor.call('meteorMethod', dataObject, function(error, success) { 
        if (error) { 
            console.log('error', error); 
        } 
        if (success) { 
          for (var i = 0; i < success.length; i++) {
              var element = success[i];
              return element
          }

        } 
    });
},

然后在我的方法中

Meteor.methods({ 
    meteorMethod: function() { 
         Return GenKnow.find ({this.userId}) fetch ();
    } 
});

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM