纸张输入2.0值是否可与聚合物2双向绑定
是一个关于前端开发的问题。在前端开发中，纸张输入2.0值和聚合物2都是指特定的技术或框架。
纸张输入2.0是指Paper Input 2.0，它是Google Material Design中的一种输入框组件。Paper Input 2.0提供了一种简洁美观的输入框样式，可以用于用户输入各种类型的数据。
聚合物2是指Polymer 2，它是Google推出的一种用于构建Web组件的框架。Polymer 2基于Web标准的Web组件规范，可以帮助开发者更轻松地创建可重用的自定义元素。
双向绑定是指在前端开发中，将数据模型和视图进行双向的自动同步。当数据模型发生变化时，视图会自动更新；当视图中的数据发生变化时，数据模型也会自动更新。
在纸张输入2.0值和聚合物2之间实现双向绑定是可行的。可以通过在纸张输入2.0组件中使用Polymer 2的数据绑定语法来实现双向绑定。具体而言，可以使用Polymer 2的<iron-input>元素将纸张输入2.0组件包装起来，并使用bind-value属性将其与数据模型进行绑定。这样，当纸张输入2.0的值发生变化时，数据模型也会相应地更新；反之亦然。
纸张输入2.0和聚合物2的双向绑定可以应用于各种场景，例如表单输入、实时搜索等。通过双向绑定，可以实现用户输入与数据模型的实时同步，提升用户体验。
腾讯云提供了一系列与前端开发相关的产品和服务，例如云服务器、云存储、云函数等。这些产品可以帮助开发者构建和部署前端应用。具体的产品介绍和链接地址可以在腾讯云官方网站上找到。
相关·内容
3回答
代码
考虑以下聚合物自定义元素：
<dom-module id="test-element">
<template>
<input type="text" value="{{value}}">
<button>Reset</button>
</template>
<script>
Polymer({
is: 'test-element',
properties: {
'value
浏览 2提问于2015-06-15得票数 13
回答已采纳
我试图在我的角度应用程序中混合聚合物网络组件，但我无法使这些框架之间的双向数据绑定工作。我已经看过，并且已经尝试了提供的解决方案，但是它仍然对我不起作用。这是我的尝试：
Object属性值
<game-card game="{{game}}" bind-polymer></game-card> -基于post-card.html的聚合物教程.game是一个具有id、title等的对象。
我在web组件上创建了gameChanged函数，并在game变量中添加了一个新属性，类似于this.game.foo = 'bar';，但如果这样做
浏览 0提问于2014-07-02得票数 9
1回答
聚合物芯-下拉值
、、
我在表单中使用了字段以及其他核心和纸张元素。我可以获取所有输入的值，但无法获取表单提交上的core-dropdown字段的值。根据文档，有一个selectedItem属性可用于获取所选值，但没有关于如何使用它的说明。
另外，虽然我可以使用发布聚合物的纸张输入字段，但如果有任何其他优雅的解决方案用于处理聚合物表单，最好是任何类型的字段，例如文本、单选、复选框、选择、文件等，请分享。
浏览 1提问于2014-08-16得票数 3
1回答
有没有办法基于Javascript/jQuery函数更新纸张输入元素？我可以通过单击链接来更新旧的输入，但我似乎不知道如何将旧的输入值绑定到新的纸张输入值，或者使用常规函数简单地更新新的纸张输入值。
<!-- polymer element loads in shadow DOM -->
<my-form>
<paper-input id="id1" name='id1' value="{{val1}}" onmouseover="this.value=getId1Value();"><
浏览 6提问于2016-09-20得票数 0
回答已采纳
我已经将使用滑块输入域的旧聚合物代码移植到了一个纸张滑块上。我可以看到有一个immediateValue属性，但是找不到对应的事件。例如，当用户拖动滑块时，我希望获得一组连续的更改事件，这样我就可以不断更新我的图表。
我如何使用纸张滑块来做到这一点？
浏览 2提问于2014-08-24得票数 1
我熟悉聚合体0.5中的花括号(如{{variable}} )的绑定。
但是，在聚合物发行版的示例和代码片段中，我已经开始注意到带有方括号的绑定，比如[[variable]]。
现在[[variable]]的意思是不同的，还是[[variable]]只是一种加法？在聚合物中与和的结合有什么区别？
浏览 4提问于2015-06-05得票数 4
回答已采纳
1回答
我现在被纸输入元素困住了。
我解释说，使用Internet边缘，标签和我的纸输入元素在禁用状态下的值将被覆盖。我必须启用纸张输入、编辑，然后标签在纸输入的顶部移动。
有人修好了吗？
浏览 6提问于2015-12-15得票数 0
回答已采纳
提交表单后，我在重新设置纸张输入容器内的标签时遇到问题。该表单是一个简单的登录表单。如果用户在没有刷新页面的情况下登录、注销和重新登录(从浏览器)，标签看起来就像是输入中有值一样。
下面的图片展示了两者之间的区别：
下面是元素内部的表单：
<form is="iron-form">
<paper-input-container id="email_container">
<paper-input-error>E-mail or Password is incorrect</paper-
浏览 0提问于2015-06-17得票数 10
我使用了一个自定义的日期选择器()。它工作得很好，但我想做的是将它绑定到一个纸张输入上，这样每当单击输入时，对话框就会显示出来。我通过创建自定义元素实现了这一点。我现在的问题是，我需要一个铁质形式的元素，这样我就可以将日期与ajax请求一起发送。我发现我需要我的自定义元素来扩展Polymer.IronFormElementBehavior，但是我找不到任何关于如何实际做到这一点的文档。这个例子只是把它放在一个常规的输入元素上，所以这里没有有用的上下文。下面是我尝试实现该行为的自定义元素：
<link rel="import" href="../../vendor/
浏览 0提问于2016-03-02得票数 0
1回答
我试图在我的index.html中组合两个纸质元素(在一个dom绑定中)，但找不到正确的语法。我想我已经尝试了聚合物绑定文档中提到的所有组合...在这个简单的示例中，纸张材料元素的标高应该由输入到纸张输入中的内容来设置(即1到5之间的值)。有人能为我提供正确的语法吗？
我的代码：
<html>
<head>
...loading necessary components...
</head>
<body>
<template is="dom-bind">
<paper-input id
浏览 0提问于2015-06-28得票数 0
面向聚合物用户的问题：
如果元素不是父-子或子-父相关的，如何获取属性值？据我所知，连锁式的监听程序是一个非常糟糕的主意。是否可以指定具体元素来侦听事件？
我知道它可以通过JS的方式完成：
document.addEventListener('event', handle('elem'));
但我需要聚合物的方式。
谢谢。
浏览 0提问于2017-10-31得票数 1
我在我自己的聚合物元素中使用了“纸张输入”和“纸按钮”，因为e.target不是绑定数据集和属性的元素，所以在事件处理程序中获取数据集的方式是不同的。是否有一种获得聚合物元素数据集或属性的通用方法？
<dom-module id="login-form">
<template>
<div>
<form action="/login" method="POST">
<paper-input id="username" >
浏览 1提问于2016-04-08得票数 1
1回答
我试图为vaadin网格元素添加一个外部纸张输入，以便通过任何列进行过滤。
目前我还没有找到一个很好的方法，对它有什么想法吗？
每一个答案都会非常感谢。
浏览 2提问于2017-09-18得票数 0
回答已采纳
我能够使用javascript并调用.click()或.focus()，以便为输入聚合体0.5.6准备好纸张输入。
1.0似乎已经失去了这种能力。是否有一种方法可以使用JS或使用新的1.0聚合物API来准备输入？
浏览 6提问于2015-06-02得票数 0
回答已采纳
2回答
聚合物纸张-输入口罩
、、、、
我正在使用Polymer (v1.4.0)进行一个项目，我想知道是否有方法可以为纸张输入添加输入掩码？
我尝试使用，将其直接添加到纸张输入的inputElement中，但随后绑定和更改事件停止工作。
如果这是不可能的，你知道其他任何支持掩码的文本输入web组件吗？
谢谢!安德烈
浏览 0提问于2016-05-29得票数 3
我正试图让Ng2一种聚合物一起工作。要做到这一点，我的目标是创建一些指令，听纸元素和转换事件，或做任何需要做的事情，使角度理解用户的交互。
如果我这么做：
<paper-checkbox [checked]="bar" (change)="bar = $event.target.__data__.checked">
Mark all as complete
</paper-checkbox>
我使用Ng2进行双向绑定(奇怪的是，我不得不查看data以找到复选框的值.有人对这个问题有指点吗?)
因此，每件事都可以工作，但我想要削减仪
浏览 3提问于2016-05-18得票数 2
回答已采纳
我尝试了以下终端命令：
npm install --save paper-input
然后得到以下错误：
该错误消息中的一个关键语句是
npm WARN paper-input@3.0.2需要react@>= 15.0.0的对等机，但尚未安装。您必须自己安装对等依赖项。
此外，它似乎将回购存入
node_modules >纸张输入(如2.x元素)
而不是：
node_modules >@聚合物>纸张输入(就像3.x元素一样)
这里发生了什么事？我想做的就是安装paper-input。
浏览 32提问于2018-07-31得票数 1
回答已采纳
1回答
我对聚合物很新，但认为这是一个伟大的概念，虽然我有一些困难，以实现相当基本的东西，我通常没有问题。
我有一个模板，其中我有一个纸输入元素。如果我填充了这个元素，我希望能够单击一个按钮并将值从该输入字段转移到其他地方。很简单对吧？
不，不管我做什么，我似乎无法访问那个输入字段的值。就像ID不存在一样。我想是因为影子的缘故，但是我一点也不知道为什么！
我尝试过使用this.$.messaged.value、document.querySelector('#messaged').value等等，但都没有成功。还能做些什么呢？提前谢谢！！
<link rel="impor
浏览 1提问于2017-10-16得票数 0
回答已采纳
1回答
我对我的定制聚合物元素有一个问题。首先，我用一个简单的纸张输入创建了一个元素。我的问题是，我不知道如何使用这个元素作为一个“独立”的元素。我的示例在这个jsfiddle中。输入第一个输入"asd“并按Enter，然后输入第二个输入"asd”并按Enter。您可以看到，这两个元素共享属性(在数组中找不到控制台日志"-1“，第二个日志将是"1")
<!doctype html>
<html>
<head>
<title>2.0 preview elements</title>
&
浏览 1提问于2017-04-17得票数 0
我想使用聚合物元素，我的问题是纸张输入不支持密码“type=”，那么如何将我输入的字符转换为*
浏览 2提问于2014-11-05得票数 0
1回答
我试着让铁表在2.0角上工作。我已经在使用其他聚合物1.0组件，但是铁列表非常依赖轻型DOM。我知道我可以删除和*ng-对于列表中的内容，但我认为这不会很好。任何人都有任何想法。
浏览 2提问于2015-11-18得票数 5
假设我在angular 2应用程序中定义了以下路由：
@RouteConfig([{
component: FirstRouteComponent,
name: "First",
path: "/First",
useAsDefault: true
},
{
component: SecondRouteComponentComponent,
name: "Second",
path: "/Second"
浏览 0提问于2016-05-23得票数 1
1回答
聚合物纸输入有效性标志
、、、
我正在对聚合物元素进行实验，目前我正在试验纸张的形式元素。
我还没有找到是否有可能在Javascript变量中找到纸张表单是有效的。有什么想法吗？
我用的是自动验证。
<paper-input id="foo"
name="foo"
label="Foo"
required
auto-validate
pattern="[A-Za-z0-9]+"
error-message="Alphanumerical charact
浏览 4提问于2017-05-12得票数 0
回答已采纳
我试图使用以下代码从我的<paper-input-container>获取用户输入：
<paper-input-container id="nameInput">
<label slot="label">Your name</label>
<iron-input slot="input">
<input on-keydown="keypressed" value="{{first}}" id="nameBox">
浏览 2提问于2017-06-23得票数 1
回答已采纳
我正在努力学习Polymer2.0，但是我被困在从不同的Shadow中获取元素的问题上。这在聚合物1中有效，但在聚合物2.0中不再起作用。写这个的正确方法是什么？它只是告诉我targetText = Null。
谢谢你的帮忙!
这是MWE：聚合物WC 1:
<dom-module id="sc-navdrawer">
<template>
<style is="custom-style">
p {
font-weight: bold;
}
.changed {
color: red;
}
</style>
浏览 1提问于2017-08-02得票数 4
回答已采纳
我尝试使用dart/聚合物从一系列地图中获取一些输入：
@CustomTag('attrib-form')
class AttribForm extends PolymerElement {
@observable List attrs = toObservable([]);
created() {
super.created();
}
init(attrs) {
this.attrs = attrs;
}
}
<!DOCTYPE html>
<polymer-element name=
浏览 0提问于2013-10-15得票数 1
回答已采纳
1回答
我正在做一个关于医生名单的项目，我正在使用聚合物1.0。
对于医生列表，我使用一个名为doctors-grid.html的vaadin网格，在这里我要从JSON中获取数据。当双击“医生”时，将打开一个模态对话框，其中包含有关所选医生的信息。对话框的内容是一个单独的组件，名为doctor-details.html.
关于医生的信息是用禁用的纸张输入字段写的.
我在这个对话框中有一个修改按钮。当我单击此按钮时，按钮的文本将更改为"Save“。
现在我的问题是:当我单击“修改”按钮时，现在也希望启用这些禁用的纸张输入字段，这样我就可以更改有关医生的信息了。更改后，我希望将修改后的数据保存回J
浏览 1提问于2017-01-20得票数 0
回答已采纳
我正在尝试构建一个可重用的指令，该指令在单击按钮时显示一个对话框，并允许用户自定义字符串数组。我在一个单一用例场景中工作得很好，但是我想知道是否可以通过代码创建双向数据绑定，这样我就可以对不同的字符串数组多次使用该指令的单个实例。
在我的HTML中，我有一个指令(注意没有绑定到特定的数组)：
<my-array-dialog control='arrayDialog'></my-array-dialog>
我公开了一个共享控件对象，该对象上有一个showDialog方法，用于显示对话框。该模式的一个示例是：
我想要做的是与父控制器进行双向数据绑定，将数据
浏览 2提问于2014-01-22得票数 0
在常规形式中，当单击reset类型按钮(<button type="reset">Reset</button>)时，除readonly或disabled外，所有输入控件都将被清空。
在使用angular构造表单时，我有
<input type="text" id="district" disabled="" ng-model="address.district" />
在这种形式中，当单击reset按钮时，即使将输入标记为disabled或readonly，也会删除上面输入中的
浏览 1提问于2014-07-02得票数 0
回答已采纳
1回答
对于一个简单的纸张下拉菜单，我对呈现的html有一个问题。列表项不显示为样式的“菜单”，而是显示在页面上的项目列表。
单击呈现的纸输入组件(呈现下拉框的一部分)会使涟漪产生动画效果，但不会使菜单和菜单项的显示/隐藏动画化。单击列表中的项会导致列表消失，但再次单击下拉列表不会使列表重新出现。
在检查呈现的html并将其与同一个呈现的演示html进行比较之后，我发现纸张列表框和包含的纸质项目被呈现在它们应该在哪里的铁下拉元素之外。这将导致所有的非功能性。通过使用检查器并抓取纸张列表框，html并将其移动到铁下拉列表中，可以按照预期修复所有的内容和下拉函数。
是什么原因导致列表框被渲染错了位置？
以
浏览 1提问于2016-06-15得票数 3
回答已采纳
2回答
我没有看到一个正式的聚合物表组件。快速的网络搜索会产生以下第三方组件。
它看起来不像一个正式的聚合物桌子正在进行中。我说错了吗？是否有一种用纸张或材料设计来表示聚合物表格数据的惯用方法？
浏览 7提问于2014-12-24得票数 4
2回答
阿萨拉穆阿兰和大家好。当我阅读这个页面时：，我想出了下面的代码片段，这对我来说没有多大意义。
<core-menu valueattr="hash" selected="{{route}}">
<template repeat="{{page in pages}}">
<paper-item label="{{page.name}}" hash="{{page.hash}}">
<a href="#{{page.hash}}"&g
浏览 0提问于2014-10-22得票数 2
回答已采纳
2回答
我使用聚合物纸输入，我想让我的输入type="number"总是显示两个小数点，包括当它是一个整数。
因此，与默认的1不同，我希望始终将其显示为1.00。我得到了step="1"，甚至step="0.01"的纸张输入，但是每次值是整数时，它都不会显示1.00。
<paper-input id="taxPercent" min="0" max="99" step="1.00" on-change="_onVariablesChanged" value="0
浏览 2提问于2019-04-18得票数 2
回答已采纳
1回答
我试图将聚合物元素与角度2结合起来，我也在努力解决双向数据绑定方面的问题。
例如，我使用纸张选项卡并显示当前正在使用的选项卡号。每当我更改选项卡时，我都希望在tabNr字段中的AppComponent中也发生这种更改。每当我单击正在显示的选项卡编号时，我都希望更改该数字并相应地更改该选项卡。我最初的做法是：
import {Component} from 'angular2/core';
@Component({
selector: 'my-app',
template: `
<paper-toolbar&
浏览 2提问于2016-02-16得票数 4
所以我创建了一个输入列表：
template: `
<div *ngFor="#item of m_checkboxes">
<label class="pull-left">{{item.name}}</label>
<Input #checkInputs type="checkbox" (change)="onChange($event.target.value)" [checked]="item.chec
浏览 0提问于2016-03-08得票数 0
3回答
我有一张纸卡。
其中使用添加按钮，我可以动态添加2个纸张输入与检查和删除按钮。
当我单击删除图标时，该行中的输入按钮将被删除。
当我点击check图标时，如何获取在两个纸张输入中输入的数据？
注意**记住它是一个动态创建的输入框。
为了添加和删除输入框，我已经创建了一个带有notify:true的数组，每个remove删除一个索引，每个add向数组添加一个索引。
帮我个忙。
添加输入框的代码：
addFood:function(){
var tempArr=this.foodArray.slice();
var med= new Object();
med.n
浏览 3提问于2015-08-17得票数 4
随着最近对纸张输入的改变和纸输入装饰器的引入(聚合体0.5.1)，我现在在实现输入验证时遇到了困难。例如，在最近的更改之前，我构建了一个自定义的“属性编辑器”聚合物元素(即一个元素，它本质上组合了一个可配置的图标、一个可配置的输入控件(类型为纸张下拉菜单或常规输入)，以及一个相关的可选单位值输入控制(类型为纸张下拉菜单或纸张输入)，它非常实用。下面是一小部分代码，它显示了上述自定义元素中的一个模板，这些模板在提供正则表达式模式时被激活。这样做的效果很好：
<template if="{{controlType == 'input' && contr
浏览 2提问于2014-11-18得票数 0
回答已采纳
1回答
基本上，我有一个元素，里面有一个文本区域。我希望能够将输入的文本保存到加载到JSON文件中。我一直得到405 (不允许的方法)。页面加上JSON都在同一个域中。
注：，我对此非常陌生，所以我不确定这是否可能。干杯
<paper-input-decorator id="input_box"hidden >
<paper-autogrow-textarea style="width:100%">
<textarea id="noteArea"></textarea>
浏览 5提问于2015-04-14得票数 0
回答已采纳
我在试着在我的申请上做纸签。页加载时必须选择选项卡1和第1页，不幸的是，当我试图将属性selected=0页面加载为tab1活动时，但我不能更改到任何其他选项卡，我总是看到只有带有Page 1的Tab 1，有人能告诉我如何解决这个问题吗？
诚挚的问候
我在写我尝试过的东西。
我的导入扩展
<link rel="import" href="../bower_components/paper-tabs/paper-tabs.html">
<link rel="import" href="../bower_components
浏览 1提问于2015-05-08得票数 1
回答已采纳
5回答
我有一些用创建的自定义元素。让我们称它为x-输入，它看起来如下：
<polymer-element name="x-input" attributes="name">
<template>
<input type="text" value={{name}}> <span>{{name}}</span>
<br />
<input type="range" value={{age}} > <
浏览 9提问于2014-05-09得票数 2
回答已采纳
1回答
我到处找遍了，但找不到答案。这听起来可能很愚蠢，但我只想澄清一些幕后可能发生的事情。
我知道如何在角中使用数据绑定和Observables。对于异步数据，我们必须使用Observable的，这样我们就可以使用subscribe并对数据做一些事情，如果我们用一种方式绑定它就不能工作。
我的问题是：
不是HTML输入也是异步数据吗？如果他们使用单向绑定..。这是否意味着事件被包装在Observable中？它们是否在数据出现时订阅，并且影响变量的值？
与Observables?相关的也是setTimeout之类的函数。
浏览 0提问于2021-10-02得票数 1
回答已采纳
1回答
我试图理解/实现聚合物3 web组件中的双向属性绑定。我有以下代码：
import {html, PolymerElement} from '@polymer/polymer/polymer-element.js';
class CustomInputComponent extends PolymerElement {
static get template() {
return html`
<div>
<template is="dom-repeat" ite
浏览 1提问于2018-06-15得票数 3
回答已采纳
我在访问纸张对话框中的纸张输入元素时遇到问题。我似乎不能获得纸张输入的值，而它在纸张对话框中，我只得到一个空值返回值。我知道有像this.$.element这样的东西，但我对如何实际使用它感到困惑。纸质对话框必须在自绑定模板中吗？
浏览 3提问于2015-04-29得票数 1
我试图在dom-repeat中绑定一个纸张切换按钮的校验值。
<template is="dom-repeat" items="[[settings]]">
<div item>
<paper-toggle-button checked="{{item.value}}" on-click="_updateSettings">[[item.name]]</paper-toggle-button>
[[item.va
浏览 0提问于2017-08-02得票数 1
回答已采纳
我在列表上循环运行(这是数组)。并为每个对象创建带有属性item.status的图标状态。
我想要的是，由于某种原因，item.status更改了图标的属性也将发生变化。
<template is="dom-repeat" items="{{list}}">
<paper-item>
<paper-item-body>
<div class="horizontal layout font-md">
浏览 0提问于2015-09-25得票数 0
1回答
我使用的是聚合物1.0。我有一个聚合物dom模块：
<parent-node></parent-node>
我正在用我自己的另一个单独的聚合物dom模块填充节点：
<parent-node>
<child-node></child-node>
</parent-node>
现在，我想在父节点上设置一个布尔属性，它可以使子节点读取并做出反应。但是，当聚合元素从子节点渲染到父节点时，子节点是否可以从父节点读取布尔值dark设置为true的父节点？：
<parent-node dark>
<child-
浏览 1提问于2015-08-13得票数 1
2回答
使用指令将输入大写
、、、、
我有一个输入，我想在用户写时大写。
为此，我创建了一个指令：
@Directive({
selector: '[uppercase]'
})
export class UppercaseDirective {
constructor() { }
@Output() outputUpper: EventEmitter<string> = new EventEmitter();
value: string;
@HostListener('input', ['$event']) onInputChange($event) {
浏览 0提问于2018-01-31得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
