Описание тега property-binding

Привязка свойств - это основной способ привязки данных в Angular. Квадратные скобки используются для привязки данных к свойству элемента, трюк заключается в том, чтобы поместить свойство в элемент, заключенный в скобки: [свойство] .

Применение

  • Этот тег предназначен для вопросов, касающихся привязки свойств Angular.

Образец кода

Рассмотрим пример, в котором мы привязываем свойство value входного элемента к свойству myText компонента.

import { Component } from "@angular/core";
@Component({
   selector: 'app-example',
   template: `
              <div>
              <h3 [value]='myText'></h3>       
              </div>
              `
})
export class AppComponent {
  myText: string = "Hello World";
}

Результат:

Привет мир


Задать вопрос

  • Упомяните, что вы хотите обновить / привязать элементы DOM к свойству в компоненте.
  • Сведите проблему к небольшому примеру
  • Разместите сокращенный рабочий код на http://plnkr.co/ или http://stackblitz.com/
  • Если есть ошибка (или какое-то непреднамеренное поведение), попробуйте устранить проблему. (Если это сообщение об ошибке, создайте новую проблему в репозитории Angular на Github.)

Учить больше

Чтобы узнать больше об Angular Material, посетите следующие ресурсы, которые помогут вам начать работу: