markdown 双向数据绑定com Objetos

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了markdown 双向数据绑定com Objetos相关的知识,希望对你有一定的参考价值。

# Two-way Data Binding com Objetos

- Valor do Template para o Componente e vice-versa 
- Usa-se binding de eventos + propriedades 

## Evento "Change" de um input

Ao digitar uma informação em um campo input, o evento será disparado.

## Método 1 (Sintaxe banana na caixa - Banana in the box)

Junta-se um binding de propriedade e um binding de evento [] + () = [(ngModel)]

```HTML
<input type="text" [(ngModel)]="pessoa.nome">
<input type="text" [(ngModel)]="pessoa.idade">

<p>Meu nome é {{ pessoa.nome}} e tenho {{ pessoa.idade}} anos de idade.</p>
```

```typescript
export class DataBindingComponent implements OnInit {
  
  pessoa: any = {
    nome: 'Luan',
    idade: 25
  }
  
}
```

以上是关于markdown 双向数据绑定com Objetos的主要内容,如果未能解决你的问题,请参考以下文章

双向数据绑定和单项数据绑定的认识

纯Javascript双向数据绑定

vue2和vue3数据双向绑定原理

单和双向绑定使用场景

我的控件的双向数据绑定

双向数据绑定