get value input text with button angular 7

Question

I want to get the text of an input text and saving it in a variable using a button. To use it as a parameter in a query in firebase.

.html

<input type="text" class="form-control" ng-model="value1" id="textCI" placeholder="C.I." >

component.ts

<--ResultCI =valor input text-->

 buscarCI(){
    let query=null;
    query=this.servicio.getUsuarioFiltro(this.ResultCI);
    query.snapshotChanges()
      .map(changes=>{
        return changes.map(c=>({key:c.payload.key, ...c.payload.val()}))
      }).subscribe(contactos =>{
        this.contactos=contactos
      });
  }

This for angularjs or angular? If angularjs please update the tag — penleychan
– penleychan, Commented May 19, 2019 at 0:13
This is explained in the documentation and many tutorials on the subject... See, for example, the section marked "Template syntax" on Angular's cheat sheet, and the Forms section of their Guide — Heretic Monkey
– Heretic Monkey, Commented May 19, 2019 at 0:26

Sajeetharan · Accepted Answer · 2019-05-19 00:12:32Z

4

You are using the angularjs syntax which is ng-model, instead you should use [(ngModel)]

<input type="text" class="form-control" [(ngModel)]="value1" id="textCI" placeholder="C.I." >

you should be able to access in the component with this.value1

answered May 19, 2019 at 0:12

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Sunil Kashyap Over a year ago

@CristianLagla Might be you forget to import FormsModule in modules.ts

Collectives™ on Stack Overflow

get value input text with button angular 7

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related