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