Question

171

How to pass an Array as element's Attribute?

rated 0 times [ 174] [ 3] / answers: 1 / hits: 18669 / 7 Years ago, sat, february 18, 2017, 12:00:00

I'm developing for sending an Array as element's attribute.

File form-list.html

<dom-module id=form-list>

  <template>

    <div>{{title}} - {{owner}} </div>

    <form>

      <template is=dom-repeat items={{inputAndLabel}}>

          <div><label>{{item.tag}} {{owner}}</label><input type={{item.type}} value={{item.defaultValue}}></div>

      </template>

    </form>

  </template>



  <script>

    Polymer({

      is: 'form-list',

      properties: {

        owner: {

          value:Mechanical,

        },

        inputAndLabel: {

          type: Array,

          value: function() { return []; }

        }

      },

      ready: function() {

        this.title = 'Formulario: Usuario';

      }

    });

  </script>

</dom-module>

So, for using the element and pass the inputAndLabel propertie (it's an Array) that is not work, but the owner property works (it's a string).

<form-list inputAndLabel=[

        {defaultValue: '', type:'text', tag: 'Nombre' },

        {defaultValue: '', type:'text', tag: 'Apellido' },

        {defaultValue: '', type:'text', tag: 'Email' },

        {defaultValue: '', type:'text', tag: 'Dirección' }] owner=Eternal>

</form-list>

How to send an array as custom element's property?

Thanks

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

isham

Add To Favorites

Follow

Total Points: 69

Total Questions: 86

Total Answers: 86

Location: Anguilla

Member since Sun, Jan 29, 2023

1 Year ago

isham questions

1 NodeJS - TypeError: Busboy is not a constructor

Wed, Jan 19, 22, 00:00, 2 Years ago

1 How to pass query parameters to next.js api handler when calling from inside of getStaticProps

Wed, Dec 2, 20, 00:00, 4 Years ago

1 How to display the values from ajax success data to the html table?

Tue, Feb 25, 20, 00:00, 4 Years ago

1 How to set expanded prop for material ui TreeView component conditionally

Tue, Feb 4, 20, 00:00, 4 Years ago

1 Getting Firebase doc.data is undefined

Sun, Dec 1, 19, 00:00, 5 Years ago

View All

answered 7 Years ago kayap · Accepted Answer

According to polymer documentation you can pass an array as an element attribute it you respect the strict JSON notation.

For object and array properties you can pass an object or array in JSON format:

<my-element book='{ "title": "Persuasion", "author": "Austen" }'></my-element>

Note that JSON requires double quotes, as shown above.

<form-list input-and-label='[

        {"defaultValue": "", "type":"text", "tag": "Nombre" },

        {"defaultValue": "", "type":"text", "tag": "Apellido" },

        {"defaultValue": "", "type":"text", "tag": "Email" },

        {"defaultValue": "", "type":"text", "tag": "Dirección" }]'   owner="Eternal">

</form-list>

Also note that the corresponding attribute for the inputAndLabel property is written input-and-label.