Question

所以我的问题是我的数组不是从我的javascript打印。我正在使用流星。

JS：

Template.CreateDeckCard.events({
            'submit form':function(event) {
                event.preventDefault();
                console.log("Card Submitted");
                var cardFront = event.target.CardFront.value;
                var cardBack = event.target.CardBack.value;

            tempAddDeck[tempAddDeck.length] = {front : cardFront},{back : cardBack}
            //debug 

            //reset two name spaces
            event.target.CardFront.value="";
            event.target.CardBack.value="";

            //after we have cards we update below

        }
});
Template.CreateDeckCard.helpers ({
    tempAdd: function() {
        return tempAddDeck.find();
    }
});

HTML：

<div class="cardFronts" name="existCardBack">
    <ul>
        {{#each tempAdd}}
             <li>{{cardFront}}</li>
        {{/each}}
    </ul>
</div>
<div class="cardBacks" name="existCardFront">
     <ul>
         {{#each tempAdd}}
             <li>{{cardBack}}</li>
         {{/each}}
     </ul>
</div>

由于某种原因通过表单提交文本时，没有显示任何内容。注意，在JavaScript文件的开头存在var tempAddDeck。

Answer 1

从你的问题

As a note there exists a var tempAddDeck declared at the beginning of the JavaScript file.

我认为tempAddDeck被声明为数组

var tempAddDeck=[];

在js文件的顶部然后尝试

Template.CreateDeckCard.helpers ({
    tempAdd: function() {
        return tempAddDeck;
    }
});

注意 .find()方法用于monog查询，它不是数组方法

如何在流星中显示数组？

1 个答案: