# Angular expressions nested if

**URL:** <https://forum.radzen.com/t/angular-expressions-nested-if/10499>\
**Category:** Angular\
**Created:** [March 30, 2022, 9:50pm UTC](https://forum.radzen.com/t/angular-expressions-nested-if/10499 "2022-03-30T21:50:33Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Etlikmilso](https://forum.radzen.com/letter_avatar_proxy/v4/letter/e/bbce88/32.png) [@Etlikmilso](https://forum.radzen.com/u/Etlikmilso)\
**Post date:** [March 30, 2022, 9:50pm UTC](https://forum.radzen.com/t/angular-expressions-nested-if/10499/1 "2022-03-30T21:50:33Z")

</div>

Hello  
So can you help me with "expressions nested if"  
how I can use this?  
Now i use : `${data.Sate === 1 ? 'danger' : 'secondary'}` but i need next state if date.Sate is 2 or 3 .  
I tried this but this doesn't work:

```auto
${data.Sate == 1 ? 'danger' : (data.Sate == 2 ? 'warning' : 'secondary')}

```

Thank you for your tip.

---

<div class="post-metadata">

**Author:** ![enchev](https://forum.radzen.com/user_avatar/forum.radzen.com/enchev/32/16_2.png) [@enchev](https://forum.radzen.com/u/enchev)\
**Post date:** [March 31, 2022, 5:44am UTC](https://forum.radzen.com/t/angular-expressions-nested-if/10499/2 "2022-03-31T05:44:23Z")

</div>

Complex expressions can be replaced with a function declared in the page `XXX.component.ts` file similar to this article:

> **[Date range filter (Angular)](https://www.radzen.com/documentation/date-range-filter/)**
>
> Use two DatePicker components to filter DataGrid by date range.

---

<div class="post-metadata">

**Author:** ![Etlikmilso](https://forum.radzen.com/letter_avatar_proxy/v4/letter/e/bbce88/32.png) [@Etlikmilso](https://forum.radzen.com/u/Etlikmilso)\
**Post date:** [March 31, 2022, 3:14pm UTC](https://forum.radzen.com/t/angular-expressions-nested-if/10499/3 "2022-03-31T15:14:28Z")

</div>

Hello so Thank you 😃