как отобразить целое число в дочернем компоненте - PullRequest
0 голосов
/ 09 июля 2019

У меня проблемы с пониманием привязки данных в полимере 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, оно показывает правильное число, но во втором оно, по-видимому, «неопределено», поэтому я не могу его отобразить.

Последний комментарий: свойство публикаций прекрасно отображается во всех компонентах, это то, что я не понимаю, не должно ли оно работать одинаково?

Спасибо за помощь в поиске моей ошибки!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...