Шаблон dom-repeat не может отобразить массив с ошибкой «ожидаемый массив для элементов»

У меня есть простой шаблон, который отображает объект массива. Однако это не удается со следующим сообщением:

[dom-repeat::dom-repeat]: expected array for `items`, found [{"code":1,"name":"Item #1"},{"code":2,"name":"Item #2"},{"code":3,"name":"Item #3"}]

Массив передается в атрибуте пользовательского элемента в следующем формате:

[{"code":1,"name":"Item #1"},{"code":2,"name":"Item #2"},{"code":3,"name":"Item #3"}]

Я прочитал несколько документов по повторителям шаблонов. раз и до сих пор не могу найти, что я делаю неправильно.

Любая помощь приветствуется!

Вот мой пользовательский элемент:

<dom-module id="x-myelement">   
    <template>
        <div>
            <h1>{{title}}</h1>
            <ul>
                <template is="dom-repeat" as="menuitem" items="{{items}}">
                    <li><span>{{menuitem.code}}</span></li>
                </template>
            </ul>           
        </div>
    </template>
    <script>
        (function() {
            Polymer({
              is: 'x-myelement',

              title: String,

              items: {
                  type: Array,
                  notify: true,
                  value: function(){ return []; }
              }           
            });
          })();
    </script>
</dom-module>

И вот теперь я его использую:

<x-myelement title="Hello Polymer" 
             items='[{"code":1,"name":"Item #1"},{"code":2,"name":"Item #2"},{"code":3,"name":"Item #3"}]'>
</x-myelement>