相关疑难解决方法(0)

是否可以"观察"指令的ui变化？类似的东西:

.directive('vValidation', function() {
    return function(scope, element, attrs) {
        element.$watch(function() {
            if (this.hasClass('someClass')) console.log('someClass added');
        });
    }
})

我试图在我的Angular应用程序中混合使用Polymer Web组件,但是我无法在这些框架之间获得双向数据绑定.我已经看过这个视频并且已经尝试过这个问题中提供的解决方案,但它仍然不适用于我.这些是我的尝试:

• Object 属性值

  <game-card game="{{game}}" bind-polymer></game-card>- 基于post-card.htmlPolymer教程.game是一个id,title等对象

  我在gameChangedWeb组件上创建了该函数,并在game变量中添加了一个新属性this.game.foo = 'bar';,如果我这样做的话

  <pre><code>{{game | json}}</code></pre>

  在组件之后,"foo": "bar"字符串化对象中没有.即使

  publish: { game: {reflect: true} },

  它不起作用.

• 框架组件

  <core-input value="{{cool}}" bind-polymer></core-input> <paper-input value="{{cool}}" bind-polymer></paper-input>

  它只有当我编辑的作品元素的源代码来reflect的value属性(上core-input.html,纸张输入了扩展).我认为这不是解决这个问题的好方法.

我错过了什么吗？有没有一个很好的资源我可以寻找这个Angular-Polymer集成？在Google上搜索会带来更多关于材料的结果,而不是图书馆本身,一旦发现,大多数都是"Polymer for Dart"资源.

我想在Polymer和Angular之间进行双向数据绑定,为此我使用的是Angu-poly库.

这是一个工作示例的链接,同时通过名称和年龄属性传递字符串:工作.

<x-kid bind-polymer ng-repeat="kid in kids" angupoly="{name:'kid.name', age:'kid.age'}">
</x-kid>

但是当我尝试通过kid属性传递一个对象时,似乎出现了问题,这里是链接:不工作.

<x-kid bind-polymer angupoly="{kid:'kid'}">
</x-kid>

我该怎么做才能让它发挥作用？

更新:
也尝试使用此库,它不起作用.代码看起来像这样:

<x-kid bind-polymer kid={{kid}}>
</x-kid>

大更新:
我在这里调整了"angular-bind-polymer"库的一些进展.现在我能够将外部聚合物中的物体绑定到聚合物中,这里是更新的plunker.现在的问题是在另一个方向上这样做.
注意:我从角度方面得到一些例外,看看也许你可以帮助解决它.我想我们非常接近:).