Вопрос:

Связывание данных полимера не работает должным образом

polymer-1.0

25 просмотра

1 ответ

65 Репутация автора

Я пытаюсь играть с привязками данных в Polymer. Я написал код как:

основной aoo.html:

<link rel='import' href='../bower_components/polymer/polymer.html'>
<link rel='import' href='./layouts/login-form.html'>


<dom-module id='main-app'>
  <template>
    <template is='dom-if' if='[[localDomoInstance]]'>
      <div>
        Go to Firebase
      </div>
    </template>

    <template is='dom-if' if='[[!localDomoInstance]]'>
      <login-form spinnerInfo="{{loadingFormInfo}}"></login-form>
    </template>
  </template>
</dom-module>

<script>
Polymer({
  is: 'main-app',

  properties: {
    localDomoInstance: {
      type: Boolean,
      value: false,
    },

    loadingFormInfo: {
      type: String,
      value: "Loading App...",
    },
  },

Как видите, я отправляю сюда loadingFormInfoдочерний компонент. авторизоваться:

<dom-module id="login-form">
  <template>
    <div class="layout vertical center center-center fit">
      <img src='../../img/Domo.png' class='logo'></img>
      <a href="#" id="hideKeyboardOnFocus"></a>
      <div class='interact'>
        <div id="validatebox">
          <paper-spinner active="true"></paper-spinner><br />
          <div id="logomessage" class="validatemessage">[[spinnerInfo]]</div>
        </div>
      </div>
    </div>
  </template>
  <script>
    Polymer({
      is: 'login-form',

      properties: {
        spinnerInfo: {
          type: String,
        },
      },

      ready: function(){
        console.log("Login form ready");
        console.log(this.spinnerInfo);
      }
    });
  </script>
</dom-module>

Происходит следующее: после вызова готовой функции в форме входа в систему spinnerInfo выводится как неопределенное. Также компонент div ничего не показывает.

Автор: Marcin Kurpiel Источник Размещён: 22.08.2016 09:40

Ответы (1)


0 плюса

386 Репутация автора

Добавить уведомление в ваши свойства

properties: {
localDomoInstance: {
  type: Boolean,
  value: false,
  notify: true
},

loadingFormInfo: {
  type: String,
  value: "Loading App...",
  notify: true
},

},

Автор: getbuckts Размещён: 22.08.2016 09:59
Вопросы из категории :
32x32