Question: I have a class in Web API C# called Hero.cs that contains list of properties and a class in angular called Hero.ts with the same properties as in C#. Web API has a method that returns the results as IList.
The angular app is displaying correctly with the values by calling this Web API method. If I add one or more properties in Web API without updating the changes in Hero.ts or anywhere in the angular app, does it impact the angular app UI or creates error?

I have tried adding new property called int age in my web API Hero.cs class without any changes in angular code. 

**Existing `hero.ts` class in angular**

```
export class Hero {  id: number;  name: string;}

```

**Existing `hero.cs` class of C# Web API**

```
public class Hero
{
  public int Id { get; set; }
  public string Name { get; set; }
}

```

**After adding `age` property in `hero.cs` class of C# Web API**

```
public class Hero
{
  public int Id { get; set; }
  public string Name { get; set; }
  public int age { get; set; }
}

```

Expected: No impacts on UI display by adding any number of properties in c# web api class Hero.cs and returning it in one of the method with return type IList of the Hero Class .

Answer: 
I found solution here :

just add `readOnly : true`

```dart
TextFormField(
                    readOnly: true,
                    decoration: InputDecoration(
                        prefixIcon: Icon(Icons.content_copy),
                        suffixIcon: IconButton(icon: Icon(
                          Icons.camera_alt,
                          color: Colors.orange,
                        ), onPressed: (){
                          print("halooooooo");
                        }),
                        labelText: "Foto KTP *"),
                  )

```
No, you can't because if you check the source code of `TextFormField` and `TextField`, it's using a `IgnorePointer` widget based on the `enabled` property.

You can achieve the same using the `Row` widget, check this code:

```
Row(
              children: [
                Expanded(
                  child: TextFormField(
                    enabled: false,
                    decoration: InputDecoration(
                        filled: true,
                        prefixIcon: Icon(Icons.content_copy),
                        labelText: "Photo KTP *"),
                  ),
                ),
                IconButton(
                    icon: Icon(
                      Icons.camera_alt,
                      color: Colors.orange,
                    ),
                    onPressed: () {
                      print("halooooooo");
                    }),
              ],
            )

```