在 Polymer 元素内重复来自 AngularJS 的 Json 数据

Question

我无法在聚合物网络元素中重复从 angularjs 获取的 json 数据。

1. angularjs 控制器：

app.controller('SubjectController', function($scope, $http, $routeParams) {
     $http.get('api2.json').success(function(data){
        $scope.values = data.subjects;
        $scope.params = $routeParams.id;
     });   
 })

2.polymer 1.0 网络元素

<dom-module id="subject-list">
  <template is="dom-bind">
    {{values}}
    <template is="dom-repeat" items="{{values.name}}">
        <paper-card>
          <div class="card-content">
            <span id="heading">{{item.name}}</span><span class="class"><span>{{item.total}}</span><span> questions</span></span>
          </div>
        </paper-card>

    </template>
  </template>

<script>
    Polymer({
      is: 'subject-list'
    });
  </script>
</dom-module>

到目前为止，如果我只显示 JSON 数据，比如使用 {{values}} 然后它在页面中成功显示，但是当我尝试使用 dom-repeat 重复时，它只显示空白页。请在我错过的地方帮助我。谢谢..

Answer 1

现在通过删除上面的 main 标签解决了

<dom-module id="subject-list">
  <!-- <template is="dom-bind"> -->
    {{values}}
    <template is="dom-repeat" items="{{values.name}}">
        <paper-card>
          <div class="card-content">
            <span id="heading">{{item.name}}</span><span class="class"><span>{{item.total}}</span><span> questions</span></span>
          </div>
        </paper-card>

    </template>
  <!--</template> -->

<script>
    Polymer({
      is: 'subject-list'
    });
  </script>
</dom-module>

在 Polymer 元素内重复来自 AngularJS 的 Json 数据

Repeating Json data from AngularJS inside Polymer element

angularjs

polymer-1.0