Question

我正在尝试使用Firebase在同一文件上的Angular应用和Polymer之间同步数据。我正在使用firebase-element from Polymer

有可能吗？我在他们自己的部分都有这两个应用程序，所以Angular不会试图劫持Polymer的绑定，但我没有在Polymer端获取数据或抛出任何有用的错误。

欣赏任何关注。谢谢。 Here's the Plnkr.

    <!DOCTYPE html>
<html>

  <head>
    <script data-require="polymer@*" data-semver="0.3.4" src="//cdnjs.cloudflare.com/ajax/libs/polymer/0.3.4/platform.js"></script>
    <script data-require="polymer@*" data-semver="0.3.4" src="//cdnjs.cloudflare.com/ajax/libs/polymer/0.3.4/polymer.js"></script>
    <script data-require="angular.js@*" data-semver="1.3.1" src="//code.angularjs.org/1.3.1/angular.js"></script>
    <script data-require="firebase@1.0.x" data-semver="1.0.18" src="https://cdn.firebase.com/js/client/1.0.18/firebase-debug.js"></script>
    <script data-require="angularfire@0.8.x" data-semver="0.8.0" src="https://cdn.firebase.com/libs/angularfire/0.8.0/angularfire.js"></script>
    <script data-require="firebase-simple-login@1.6.x" data-semver="1.6.2" src="https://cdn.firebase.com/js/simple-login/1.6.2/firebase-simple-login.js"></script>
    <link rel="stylesheet" href="style.css" />
    <link rel="import" href="firebase-element.html" />
  </head>
  <body>
    <section ng-app="component-angular">
      <div ng-controller="MainCtrl">
        <h2>Data in Angular</h2>
          {{data}}
        <h3>
          <input ng-model="new.data" placeholder="" />
          <button ng-click="addData(new.data)">Add New Data</button>
        </h3>
      </div>
    </section>
    <section>
      <div>
        <firebase-element id="base" location="https://tezt.firebaseio.com/web-components" data="{{data}}" keys="{{keys}}"></firebase-element>
        <h3>My Firebase Data</h3>
        <template repeat="{{key in keys}}">
            <p>{{key}}: {{data[key]}}</p>
        </template>
      </div>
    </section>

    <script>
      var app = angular.module('component-angular', ['firebase'])
      .controller('MainCtrl', function($scope, $firebase, Firebase){
        var fb = new Firebase("https://tezt.firebaseio.com/web-components");
        var fbSync = $firebase(fb);
        $scope.data = fbSync.$asObject();
        $scope.addData = function(newData){
          fbSync.$push(newData);
        }
      });
    </script>
  </body>

</html>

使用firebase绑定Angular和Polymer之间的数据

0 个答案: