I have the following lists

drawingList: any = [
    {id: '1', name:'drawing1', colour_0:'red', colour_1: 'green', colour_2: 'blue'},
    {id: '2', name:'drawing2', colour_0:'black', colour_1: 'white', colour_2: 'brown'}
];

colourSection: Array = ['top', 'middle', 'bottom'] 

I want to get the colours value

<ng-container *ngFor="let drawing of drawingList">
     <ng-container *ngFor="let section of colourSection, let i = index">
           <div class="attribute-row">
                 <span>Section: {{drawing['colour_{{i}}']}}</span>
           </div>
     </ng-container>
</ng-container>

Code serves without error, but does not display the value in span.
It just displays
Section: