Javascript 有棱角的聚合物

Javascript 有棱角的聚合物,javascript,jquery,angularjs,polymer,Javascript,Jquery,Angularjs,Polymer,我正在尝试将聚合物集成到我的angularjs项目中。我制作了一个非常简单的纸张下拉菜单,我需要获取所选项目的值,以便将其传递到控制器中的函数中。我用这种方法试过,但没有结果 <template id="Demo" is="dom-bind"> <paper-dropdown-menu name="simple-test"> <paper-listbox class="dropdown-content" selected="0

我正在尝试将聚合物集成到我的angularjs项目中。我制作了一个非常简单的
纸张下拉菜单
,我需要获取所选项目的值,以便将其传递到控制器中的函数中。我用这种方法试过,但没有结果

<template id="Demo" is="dom-bind">
        <paper-dropdown-menu name="simple-test">
            <paper-listbox class="dropdown-content" selected="0">
                <template is="dom-repeat" items="[[modes]]" as="view">
                    <paper-item data-ng-click="selectedMod(view)">[[view]]</paper-item>
                </template>
            </paper-listbox>
        </paper-dropdown-menu>
    </template>

<script>
    Demo.modes = [
        'First',
        'Second',
        'Third'
    ];

</script>

但是,当我单击该项时,什么也没有发生。可以这样做吗?

您的代码中可能缺少一些内容。首先,在
标记中创建组件

其次,在
中,您需要初始化
聚合物。以下是来自以下方面的示例:


dom bind
不需要元素(dom模块)您能告诉我如何使用我的代码来实现吗?我也试过那样做,但也许我有什么地方做错了。。thanks@End.Game更新answer@ComputerFellow好的,那我怎么调用selectedMod(view)函数呢?@End.Game为该元素定义了
data ng click=“selectedMod(view)”
,我怀疑Angular会正常处理它?
$scope.selectedMod = function(value) {
  console.log(value)
};
<dom-module id="element-name">

  <template>
    <style>
      /* CSS rules for your element */
    </style>

    <!-- local DOM for your element -->

    <div>{{greeting}}</div> <!-- data bindings in local DOM -->
  </template>

  <script>
    // element registration
    Polymer({
      is: "element-name",

      // add properties and methods on the element's prototype

      properties: {
        // declare properties for the element's public API
        greeting: {
          type: String,
          value: "Hello!"
        }
      }
    });
  </script>

</dom-module>
<script>
Polymer({
      is: '<your-element-name>',
      properties: {
        modes: {
          type: Array,
          value = ['First', 'Second', 'Third']
       }
     }
})
</script>