Javascript 将AngularJS函数作为事件回调传递给Polymer 1.0组件

我正在构建一个POC来证明在不同类型的环境中使用Polymer（v1.0）web组件的能力，使用不同的框架。在第一个环境中，一个小型Angular应用程序，我将向web组件传递Angular控制器函数，以处理表单提交

下面的代码

当submit事件被触发时，处理程序函数被调用，但是当组件准备好/加载时，该函数也被调用。不，布埃诺

这就是用聚合物实现类似目标的方法吗？我只希望处理程序在事件发生时触发

本质上，我希望能够根据调用组件的位置以不同的方式处理提交，因此我的假设是我将/可以传入处理函数。这是我第一次尝试使用聚合物，我想确保我的方法是正确的

// My Angular Controller
angular.module('controllers')
    .controller('MainCtrl', function ($scope) {
        $scope.handleIt = function () {
            // do submit stuff...
        };
    });


// My Polymer Component (the pertinent parts anyway..)
<dom-module id="my-input">    
    <template>
        <form>
            <input type="text"/>
            <input type="submit" value="submit" on-submit="{{ handler }}"/>
        </form>
    </template>
    <script>
        Polymer({
            is: 'my-input',
            properties: {
                handler: {
                    type: Object
                }
            }
        });
    </script>
</dom-module>


// Finally, my Polymer component invocation in the Angular partial...
<my-input handler="{{ handleIt() }}"/>

//我的角度控制器
角度模块（'控制器'）
.controller（'MainCtrl'，函数（$scope）{
$scope.handleIt=函数（）{
//一定要提交资料。。。
};
});
//我的聚合物组件（无论如何，相关部分…）
聚合物({
是‘我的输入’，
特性：{
处理程序：{
类型：对象
}
}
});
//最后，我的聚合物组件调用在角度部分。。。

在查看了所有的Polymer文档并对web组件有了更好的全面了解之后，我认为我在这里尝试的不是正确的方法。组件应该是完全自包含的，因此没有理由像我在这里尝试的那样传入函数