javascript – 如何使对象数组成为反应数据源？

2019-08-31 19:36:39 阅读：181 来源： 互联网

标签：javascript meteor reactive-programming meteor-helper

我有一个对象数组.说

var 
sidelist = [
    {
    name:"asdf", 
    id:1234,
    types:[...]


    }
];

使用此构造将每个对象转换为页面上的框

Template.global.side = function(){
    var obj = [], m;
    m = 1;
    for (var i in sides){
        obj.push({
            index : m,
            object : sides[i]
        });
    }

    return obj;
}

HTML：

        {{#each side}}
            <div class="span{{this.index}}" id={{this.object.id}}>


                    <div class="side-head">{{this.object.name}}</div> 

</template>

有一个函数可以创建新对象并将其推入数组.当它们所依赖的阵列发生变化时,如何使页面上的行反应更新？

因此,当我添加一个新对象时,应该会出现一个新框.

解决方法:

如果要使用依赖项,它可能如下所示：

var sidelist = ...;
var sidelist_dep = new Deps.Dependency;

Template.global.side = function(){
    sidelist_dep.depend();
    // Do your stuff here;
    return ...;
};

// Important: call this every time you change sidelist,
// AFTER the change is made.
sidelist_dep.changed();

见：http://docs.meteor.com/#deps

标签：javascript,meteor,reactive-programming,meteor-helper
来源： https://codeday.me/bug/20190831/1777829.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

javascript – 如何使对象数组成为反应数据源？