1 Вопрос: Прослушайте изменение переменной шаблона и отобразите ее в консоли

вопрос создан в Thu, May 2, 2019 12:00 AM

Я работаю с angular 7. Я пытаюсь получить изменение значения переменной компонента шаблона. Действительно, я объявляю переменную логического типа в моем файле .ts, а в файле шаблона ее значение изменяется после нажатия на кнопку. Я хочу отобразить это новое значение на консоли. Как я могу сделать это, пожалуйста.

Я попробовал двустороннее связывание, но я не работаю с двумя компонентами, а только с одним, и я увидел, что il работает с @Input и @Output, поэтому я думаю, что это невозможно для меня.

    
2
  1. в onClick () кнопки вы можете изменить значение, а также утешить его
    2019-05-02 14: 53: 47Z
  2. покажет весь ваш код, и он может прояснить, что вам нужно здесь.
    2019-05-02 14: 56: 54Z
  3. Вы можете увидеть значение в шаблоне, добавив <pre>{{value | json}}<pre>, что иногда проще, чем попытаться зарегистрировать его.
    2019-05-02 14: 56: 58Z
  4. Спасибо, ребята! Моя проблема заключалась в том, что я не использовал функцию для привязки события, а просто синтаксис, такой как: < button (click) = 'state =! State' > Appuyer < /button &gt ;. Поэтому мне было трудно отобразить переменную «state» в консоли, когда я пытался отобразить эту переменную в конструкторе моего файла .ts.
    2019-05-02 15: 13: 12Z
  5. поэтому, возможно, вы хотите удалить этот вопрос? или сам ответь?
    2019-05-02 21: 53: 11Z
1 ответ                              1                         

сделайте функцию в вашем ts:

changeValue(){
  myBool = !myBool;
  console.log(myBool);
}

в html добавьте (click)="changeValue()" к тегу кнопки.

    
0
2019-05-02 14: 54: 56Z
  1. Спасибо! Моя проблема заключалась в том, что я не использовал функцию для привязки события, а просто синтаксис, такой как: < button (click) = 'state =! State' > Appuyer < /button &gt ;. Поэтому мне было трудно отобразить переменную «state» в консоли, когда я пытался отобразить эту переменную в конструкторе моего файла .ts.
    2019-05-02 15: 15: 24Z
  2. Пожалуйста, пометьте как решенные.
    2019-05-02 15: 16: 46Z
  3. Как пометить как решенное?
    2019-05-02 15: 18: 37Z
  4. Слева от ответа есть галочка, нажмите на нее.
    2019-05-02 15: 20: 05Z
источник размещен Вот