controller not actualize string interpolation

Question

I got a problem

My hellow.component.html is:

<form>
    <input ng-model="hello" type="text">
</form>
<p>{{hello}}</p>

and hellow.component.ts is:

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-hellow',
  templateUrl: './hellow.component.html',
  styleUrls: ['./hellow.component.css']
})
export class HellowComponent implements OnInit {

  hello:string ='';
  constructor() { }

  ngOnInit() {
  }

}

Can you answer
If I write something in input, {{hello}} string interpolation is not actualized by controller. Can you help me with this matter?

also tried with:

<input [(ngModel)]="hello" type="text">

Thank you, a lot.

Try setting the name attribute to "hello" on the input box as well as the [(ngModel)] — Cristian, Mar 13 '18 at 14:10

score 0 · Answer 1 · answered Mar 13 '18 at 14:06

0

Did you import FormsModule?

import { FormsModule } from '@angular/forms';

answered Mar 13 '18 at 14:06

Roham Rafii

2,929
7
35
49

Yes, I did that. Also add 'FormsModule' in imports array of @NgModule decorator – Patryk Skrzyniarz Mar 13 '18 at 14:10

score 0 · Accepted Answer · answered Mar 13 '18 at 14:09

0

When using the ngModel within tags, you'll also need to supply a name attribute so that the control can be registered with the parent form under that name. Try this.

 <form>
        <input name="hello" [(ngModel)]="hello" type="text">
  </form>
    <p>{{hello}}</p>

answered Mar 13 '18 at 14:09

Vikas

11,859
7
45
69

That's work!! Thank you – Patryk Skrzyniarz Mar 13 '18 at 14:17

score 0 · Answer 3 · answered Mar 13 '18 at 14:20

0

Problem is solved I forgot to add name="hello" attribute in input tag
Thanks a lot for help!

answered Mar 13 '18 at 14:20

Patryk Skrzyniarz

3
1

controller not actualize string interpolation

3 Answers3