javascript - 如何将对象添加为数据属性
问题描述
使用 api 我能够通过以下端点检索我需要的信息并创建以下对象。
var lego = {
"name" : item.name,
"followers" : item.follower_count,
"created" : item.created_at,
"updated" : item.updated_at
}
<datagrid id = "topicGrid" data='[{}]'>
<datagrid-column head="Topic" content-key="name"></datagrid-column>
<datagrid-column head="Followers" content-key="followers"></datagrid-column>
<datagrid-column-time head="Created" content-key="created" format="date"></datagrid-column-time>
<datagrid-column-time head="Updated" content-key="updated" format="date"></datagrid-column-time>
</datagrid>
我想以某种方式在新数据属性中附加“乐高”对象?现在我尝试了类似的东西,
setAttribute("data", lego);
但我在这里的知识有限。
任何帮助都将不胜感激。谢谢你。
更新:我尝试将对象作为字符串传递,但我只得到对象的最后一个元素。有点像它在整个对象中循环并在最后一个对象处停止。
$('datagrid').attr('data', JSON.stringify(lego));
我的解决方案
$.get( "..." ).done(function( data ) {
var legoArr = []
$.each(data.topics, function(index,item) {
var lego = {
"name" : item.name,
"followers" : item.follower_count,
"created" : item.created_at,
"updated" : item.updated_at
};
legoArr.push(lego);
});
$('datagrid').attr('data', JSON.stringify(legoArr));
});
解决方案
推荐阅读
- jquery - 单击下一步按钮时如何突出显示当前播放的音频
- r - R 用卡尔曼对大数据进行估算
- javascript - 关闭选项卡时不调用useEffect清理函数
- c++ - 将用户输入转换为 C++ 中的类型时使用的 if/else 语句过多
- python - 遍历列表并在 Python 中替换字符串
- javascript - 无法从 JS 中的简单模块调用方法
- reactjs - 在 JSX 代码块中使用 AND 运算符
- flutter - 变换会在颤动中扭曲容器的边界半径
- flutter - 在 Dart / Flutter 中动态访问类的属性
- android - RecyclerView 中的 3D 数组添加图像、标题和描述以查看