У меня проблемы с пониманием привязки данных в полимере 2.
У меня есть это простое приложение, в котором сообщения хранятся в базе данных, и я хочу показать общее количество сообщений и получить публикации.
Для этого у меня есть 3 компонента:
1 - основной, где данные вызываются из базы данных
2 - первый ребенок, где я отображаю количество сообщений
3 - третий, который по сути является «повторяющимся домом», где я могу найти каждое сообщение
Проблема в том, что я не могу отобразить номер сообщения на втором дочернем элементе, даже если он доступен для основного компонента, и я связываю свойство с двухсторонней привязкой данных
Я попытался изменить тип ответа HTTP-запроса на строку вместо int, может быть, это связано с типом, но безрезультатно.
То, как я это делаю, выглядит так:
Первый компонент выглядит так
<!-- Styles and dom definition -->
<!-- this is how i bind the data -->
<secondComponent name="admin" publications="{{publications}}" countMessage="{{countMessage}}" on-new="handlenew"></secondComponent>
<!-- I skip to the properties -->
static get properties() {
return {
publications:{
type : Array,
notify: true,
},
countMessage:{
type: String,
notify: true,
},
}
};
«on-new» - это прослушиватель, который при создании нового сообщения запускает событие для родителя, поэтому он обновляет countMessage и массив публикаций при создании новой публикации. Это отлично работает.
Второй компонент имеет те же свойства и связывает его с третьим (не считая countMessage)
<!-- basically the same as above -->
<h1>{{countMessage}}</h1>
<thirdComponent publications="{{publications}}" on-new="handlenew"></thirdComponent>
<!-- to the properties -->
static get properties() {
return{
countMessage:{
type: String,
notify:true,
},
publications:{
type: Array,
notify: true,
}
}
}
То, что я ожидаю, это 2-й компонент для отображения количества сообщений.
Используя eventListener, я попытался отобразить свойство countMessage в консоли, поэтому в первом компоненте у меня свойство decalred, оно показывает правильное число, но во втором оно, по-видимому, «неопределено», поэтому я не могу его отобразить.
Последний комментарий: свойство публикаций прекрасно отображается во всех компонентах, это то, что я не понимаю, не должно ли оно работать одинаково?
Спасибо за помощь в поиске моей ошибки!