无法将数据从本地json绑定到视图聚合物2
将本地JSON数据绑定到聚合物2视图的过程可以通过以下步骤完成：
- 创建一个HTML文件，引入Polymer和相关依赖库的脚本文件。例如：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Binding JSON to Polymer 2 View</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/1.2.0/webcomponents-lite.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/polymer/2.0.0/polymer.js"></script>
</head>
<body>
<my-element></my-element>
<script>
// Your code goes here
</script>
</body>
</html>- 创建一个自定义的聚合物元素（Polymer element），并在其中定义一个属性来存储JSON数据。例如：
<dom-module id="my-element">
<template>
<!-- Your template goes here -->
</template>
<script>
class MyElement extends Polymer.Element {
static get is() { return 'my-element'; }
static get properties() {
return {
jsonData: {
type: Object,
value: function() {
return {};
}
}
};
}
}
window.customElements.define(MyElement.is, MyElement);
</script>
</dom-module>- 在聚合物元素的模板中使用数据绑定语法将JSON数据绑定到视图上。例如：
<template>
<div>{{jsonData.property1}}</div>
<div>{{jsonData.property2}}</div>
<!-- More bindings go here -->
</template>- 在聚合物元素的脚本中，通过Ajax或其他方式获取本地的JSON数据，并将其赋值给jsonData属性。例如：
<script>
class MyElement extends Polymer.Element {
// ...
connectedCallback() {
super.connectedCallback();
// Fetch JSON data from local file
fetch('path/to/local.json')
.then(response => response.json())
.then(data => {
this.jsonData = data;
})
.catch(error => {
console.error('Failed to fetch JSON data:', error);
});
}
}
// ...
</script>- 最后，在HTML文件中使用自定义的聚合物元素。例如：
<my-element></my-element>这样，当聚合物元素被渲染时，它会从本地JSON文件中获取数据并将其绑定到视图上。
请注意，以上示例中的代码仅为演示目的，实际应用中可能需要根据具体情况进行适当的修改和调整。
相关·内容
1回答
我正在使用Polymer 2，并希望绑定来自本地json文件的数据。但每次我尝试它时，它都不能仅获取json文件。我试着用两种方法来达到这个目的：<iron-ajax url="data/employees.json" handle-as="json" last-response="{{items}}"<p>[[item.phone]]</
浏览 6提问于2017-12-28得票数 1
我定义了一个聚合物元素，<xtal-fetch>，，它能够通过聚合物的双向结合支持将结果传递给含有聚合物的元素。源代码是，您可以测试它。
浏览 0提问于2017-03-17得票数 1
回答已采纳
add-form.html"> -->
<body></html>1.我能否将下面这两个文件包含到我的角页和import" href="my-element.html">
<script src="my-element.js"></scr
浏览 2提问于2017-06-02得票数 0
1回答
我正在学习Polymer1.0数据绑定，但很难理解开发人员指南中的第一个示例：
数据绑定将自定义元素(主机元素)的属性或子属性绑定到其本地DOM (子元素或目标元素)中的元素的属性或属性使用主机元素的本地DOM模板中的绑定注释创建绑定： <template>
<child
浏览 1提问于2015-06-28得票数 2
回答已采纳
1回答
我试图寻找我的问题的答案，但似乎我找不到任何信息的单向数据绑定与聚合物。很明显，我们可以在模型中创建额外的变量，并以更可控的方式更新“模型的真实部分”。但也许有某种形式的支持-
浏览 3提问于2014-08-29得票数 4
回答已采纳
1回答
我想在spring mvc项目中使用聚合物组件。但是，我发现很难将Spring MVC模型绑定到聚合物组件。是否可以将spring mvc模型绑定到聚合物组件？
谢谢。
浏览 0提问于2014-10-28得票数 1
我试图使聚合物的双向数据绑定与我的本机自定义元素在自动绑定dom-bind中工作。我跟着说：
<my-element notify="{{text}}"></my-element>
然后，为了遵循通知协议，我将
浏览 4提问于2015-09-04得票数 1
帮助理解聚合物托皮卡例子()。包括在topeka-app元素中，topeka-类别元素有一个属性&绑定{ variable }，但是我不明白是什么为“类别”变量的值提供了信息。数据必须来自categories.json，而且我确实在index.html中看到了topeka-数据源元素，但我似乎无法弄清楚数据如何进入要在topeka-类别元素中使用的类别对象(而不是类别)。Index.html包括：
<topeka-datasource url="
浏览 4提问于2015-02-09得票数 2
回答已采纳
我希望在我的自定义元素中设置一个options对象属性，当用户不提供时，该属性将采用默认值。<body> option_1: 'val1', allow_this: true,
浏览 4提问于2014-07-13得票数 7
回答已采纳
1回答
我正在尝试使用MAMP将一些聚合物元素属性与本地主机上的MySQL数据库进行同步。<iron-ajax id="ajax" url="..
浏览 0提问于2017-12-15得票数 0
1回答
我正试图制作一个应用程序，它可以在btle上读取设备上的数据，并将这些数据显示在流图中。我想用聚合物做这件事。保护btle的复杂性是很好的。要使btle的html标记显示一个BTLE图标，双击将连接到该设备。但是，如果它是连接的，我希望(通知)数据连接到我的图形。当我看聚合物数据绑定的例子时，它只绑定到非常慢的数据源，比如输入字段。因此，我的问题是，这是否可以用聚合物(2<
浏览 8提问于2015-06-13得票数 1
回答已采纳
我试着把我的头放在聚合物上。显然，自定义元素是整个ShaBang的关键。我做了一些，有些在工作，有些我就是不能让他们做我想做的事。这是我想要做的事情的代码。
浏览 0提问于2015-11-05得票数 2
回答已采纳
我有一个下拉列表，根据下拉列表的变化，执行下面的ajax调用，我想从该调用绑定syncfusion网格。JSON方法正在命中并获取列表，但我无法将数据绑定到网格。, // I want to bind the grid here我尝试了两种方法，一种是返回json结果，另一种是返回视图public
浏览 1提问于2014-08-21得票数 1
1回答
我无法使用Knockout将json数据绑定到选择列表。所发生的情况是为每个json记录创建select列表，但它不将任何数据绑定到该列表。从本质上说，这是一堆空选项。我甚至可以通过控制台在applyBindings()之后看到视图模型中的数据，这样我就知道数据在那里了。我对淘汰赛很陌生，所以我可能错过了什么。请帮帮忙
var resources
浏览 3提问于2014-07-01得票数 0
回答已采纳
1回答
我在spectrum外部表的外部模式中创建视图时遇到了一个问题。下面是我用来创建视图的脚本select id, name from external_schema.external_tablewith no schema binding;错误:未启用对外部架构中的本地对象的操作。请帮助在spectrum外部表下创建视图
浏览 13提问于2020-05-12得票数 1
回答已采纳
1回答
处理引用类型数据(例如json数据)的最佳方法是绑定到组件。现在，如果按一下按钮，我将jsonData更改为{'key1':'valueX','key2','value2'}
run将无法检测到此更改，因此不会运行ngOnChanges()，因为run只检查数据绑定更改或不作为结果视图
浏览 1提问于2018-07-25得票数 1
回答已采纳
1回答
我对聚合物(以及在相对较长时间的缺勤后重新进入web )很陌生，我想知道建议的方法是在使用2种方式的数据绑定的同时更紧密地管理对象状态。我目前正在使用rest (json)对象。我的问题是，在启动对绑定对象的属性/属性的更新之前，聚合物是否保留了原始对象的副本.那么，是否可以很容易地撤消更改？虽然允许使用2种方式的数据库通常是需要的，但在某些情况下，我希望防止/延迟对对象/ DOM的更改，直到用户批准更改
浏览 1提问于2014-09-04得票数 1
回答已采纳
我称之为另一个元素中的聚合物元素。内部聚合物元素有一个已发布的属性，我将来自父聚合物的JSON绑定到该属性。然而，它并没有得到反映。[], debugger;
this.testData = [1, 2,编辑:似乎在生成子聚合物元件时，我没有实际的parentContent。如果我在ready中为this.parentCon
浏览 1提问于2015-01-30得票数 0
回答已采纳
1回答
数据绑定角和聚合物飞镖
、、、
我无法将列表从角度控制传递给聚合物元素。聚合物元件<polymer-element name = "hello-world" attributes ="message list"> List<Person> _persons = [];
List<String> l
浏览 0提问于2014-05-09得票数 3
1回答
我对聚合物相当陌生，只是研究了数据绑定是如何工作的。我正在移植一个现有的Dojo应用程序，其中有：2)更新存储元素时来自服务器的消息用例:想象一下这样的URL：/app/categories。通过使用HTTP查询它，您将得到所有可用
浏览 1提问于2016-02-21得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
