Я очень новичок в angularjs, я сделал несколько экспериментальных проектов в Polymer 0.5, поэтому новичок и в Polymer 1.0.
Я столкнулся с проблемой, например, внутри ng-repeat я хочу отобразить бумажную карточку.
Эта проблема возникает только в браузере Chrome. В Firefox и IE-edge все нормально.
<paper-card heading="{{ team.name }}">
<div class="card-content">Some content</div>
<div class="card-actions">
<paper-button>Some action</paper-button>
</div>
</paper-card>
//------------ HTML ----------
<div class="row content">
<div><h3>Teams <img ng-show="loading" ng-src='images/loader2.gif' width="30px" height="30px"/></h3></div>
<div ng-repeat="team in teams" ng-repeat="team in teams | filter:teamsFilter">
<div>
<style>
.collapse-content {
padding: 15px;
border: 1px solid #dedede;
}
</style>
<paper-card heading="{{ team.name }}">
<div class="card-content">Some content</div>
<div class="card-actions">
<paper-button>Some action</paper-button>
</div>
</paper-card>
</div>
</div>
</div>
//------------ HTML -------------
Я использую модуль ng-polymer-element,
У меня есть приведенный ниже код в моем приложении app.js
angular.module('ng-polymer-elements').constant('$ngPolymerMappings', {
paperCard: {
ngModel: function property(element) {
return element.hasAttribute('multi') ? 'selectedValues' : 'selected';
},
ngHeading: '=heading'
}
});
window.addEventListener('WebComponentsReady ', function() {
angular.bootstrap(wrap(document), ['myApp']);
});
Заголовок карты идет нормально, но переменная привязки также отображается внутри карты.
Я просматриваю HTML-код в браузере, я вижу, что бумажный материал добавляется дважды, а второй показывает скобки как есть.
Любая помощь высоко ценится. Спасибо.