Error : Type String is not assignable to type '{ name : string; }' in Angular

Question

I'm trying to define a scope variable in Angular 2. Here is the code:

export class GroceryComponent {
  task = {
    name: ''
  };
  tasks = [];
}

But its throwing the following error :

Type String is not assignable to type '{ name : string; }'

Where is it throwing that error? Where are you using task? So many questions — Robin Dijkhof
– Robin Dijkhof, Commented May 22, 2017 at 11:40

Marian07 · Accepted Answer · 2017-05-22 11:57:09Z

2

Probably other parts of your code try to change the task property from the instance of GroceryComponent

Something similar with this error:

class GroceryComponent {
  task = {
    name : ""
  };
  tasks = [];
};

let product  = new GroceryComponent();
product.task = 55; // ERROR MESSAGE: Type '55' is not assignable to type '{ name: string; }'.

Interactive example on: TypeScript Playground

answered May 22, 2017 at 11:57

Marian07

2,6306 gold badges29 silver badges54 bronze badges

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

Comments

Robin Dijkhof · Accepted Answer · 2017-05-22 11:42:05Z

0

What version are you using? I am on 1.0.0-beta.20-4 version. It's working for me.

But anyway you can also put that into a type alias:

export class GroceryComponent {
    task = {
        name: '' as string, name1: '' as string
    };
    tasks = [];
}

edited May 22, 2017 at 11:42

Robin Dijkhof

19.3k14 gold badges72 silver badges127 bronze badges

answered May 22, 2017 at 11:39

Ramesh Rajendran

38.9k49 gold badges159 silver badges241 bronze badges

Collectives™ on Stack Overflow

Error : Type String is not assignable to type '{ name : string; }' in Angular

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related