Question

我创建了名为Test_custom.html和I Included的自定义聚合物组件，它在index.html文件中创建了聚合物组件。然后在主体内添加标签，创建聚合物组件功能正常，没有任何问题。

示例index.html

<html>
    <head>        
         <script src="assets/polymer/webcomponentsjs/webcomponents-lite.min.js"></script>  

         <link rel="import" href="assets/app/polymerComponents/Tester/Test_custom.html" />        
    </head>
    <body>
         <test-comp></test-comp> <!-- working fine it has some button on click display message-->
    </body>
</html>

如果我想在我的应用程序中使用该组件，那么它不会调用聚合物处理程序

我的项目结构如下

app

   pages

        component

               component.html

               component .ts

的示例代码

 Test_custom.html

    <dom-module id="test-comp">
      <template>  <!-- this part is working without any issue-->
      </template>

        <script>
               var MtCompare = Polymer({
                is: "test-comp",
                properties: {
                         }


                ready: function () {
                    var self = this;
                    this.initHandlers();
                    }


      initHandlers: function () {

                    $('.button_test').on('click', function () {
                        //doing operation
                    });
                    }

                  });
        </script>

    </dom-module>

Answer 1

不确定我是否理解这个问题，但不应该是文件名，同样是你的dom-module id！？
除此之外，你错过了逗号，虽然我相信聚合物2中不再需要它。我也不确定你的类选择器这可能也是一个我不知道的聚合物，但我会使用querySelector（）或ID（这个。$。buttonID

更容易的是按钮的按键功能？！
因此对于名为＆＃34; test-custom.html＆＃34;的文件Polymer Element应如下所示：

<dom-module id="test-custom">

  <template>
  </template>

  <script>
    var MtCompare = Polymer({
      is: "test-comp",
      properties: {
      },

      ready: function () {
        this.initHandlers();
      },

      initHandlers: function () {
      var button = Polymer.dom(this.root).querySelector('.button_test');
        button.on('click', function () {
          //doing operation
        });
      }

    });
  </script>

</dom-module>

聚合物处理程序无法在我的应用程

1 个答案: