CODEWITHSUNDEEP
javascriptangulartypescript
Syed Ali
Syed Ali

Reputation: 1897

Typescript - Type 'string' is not assignable to type 'boolean'

I have following typescript code:

const parentItem= this.links.find((link) => {
  return urlArr.find((urlWord) => {
    return !!(urlWord === link.route.split('./')[1])
  })
});

// link.route.split('./')[1] is a string
// urlWord is also a string
// urlArr is array of strings
// links is an array of objects

and typescript keeps on complaining:

.component.ts(11,59): error TS2322: Type 'string' is not assignable to type 'boolean'.

The code works fine in chrome console.

This may look like similar to this question but even after reading it I couldn't figure out where the problem is.

Upvotes: 1

Views: 30609

Answers (3)

WildHorse
WildHorse

Reputation: 97

Facing with same issue by html control disabled="disabled" changed to [disabled]="true" and problem was solved.

Upvotes: 0

Qwertiy
Qwertiy

Reputation: 21380

Just update your typescript and/or typings. There is no any error in your code

declare var links: { route: string }[]
declare var urlArr: string[]

const parentItem = links.find(link => urlArr.find(urlWord => urlWord === link.route.split('./')[1]));

as in current version of typescript defines find method as

(method) Array<string>.find(predicate: (value: string, index: number, obj: string[]) => unknown, thisArg?: any): string | undefined (+1 overload)

note unknown instead of boolean - you may return anything you want.

But as you actually don't need result of inner find (unless you can find an empty string), you can use some instead of it.

Upvotes: 2

Syed Ali
Syed Ali

Reputation: 1897

As noted in the comments, I need to return a boolean in the find function. So doing the following ensure that the result of inner find is converted to a boolean.

const parentItem= this.links.find((link) => {
  // convert to boolean
  return !!(urlArr.find((urlWord) => {
    return urlWord === link.route.split('./')[1]
  }));
});

The code above now returns a matched link object or undefined.

Upvotes: 3

Related Questions