我已经看到了许多将Angular-JS示波器数据绑定到Polymer组件的答案。 (Use Angular-Bind-PolymerAnother,And a third)。看起来这不应该是这么难,如果聚合物组件真的只是DOM。 (请注意,我正在使用Chrome beta(36))。结合聚合物元素和角
我尝试了Angular-Bind-Polymer建议,但没有运气。我真正感兴趣的是将ngModel扩展到Polymer工作,这样我就可以使用Polymer复选框,单选按钮等。例如,我试图让纸复选框工作,所以我尝试了以下方法,认为它应该可以工作:
var ngPaper = angular.module('ng-paper', []);
ngPaper.directive('paper-checkbox', function() {
console.log("Processing directive");
return {
restrict: 'E',
require: '?ngModel',
link: function(scope, element, attr, ctrl) {
console.log("Running linker");
element.on('click', function() {
scope.$apply(function() {
ctrl.$setViewValue(element[0].checked);
});
});
ctrl.$render = function() {
element[0].checked = ctrl.$viewValue;
};
ctrl.$isEmpty = function(value) {
return value != true;
};
ctrl.$formatters.push(function(value) {
return value === true;
});
ctrl.$parsers.push(function(value) {
return value ? true : false;
});
}
};
});
但没有。
然后我尝试使用角绑定聚合物将纸张复选框上的选中值绑定到模型属性,但没有任何成功。
我觉得如果我能弄清楚如何让其中一个窗体控件元素起作用,其他人就应该快速下手。有没有人有更好的想法如何做到这一点或解释为什么我写的指令没有被拿起并应用到纸张复选框?