JSFiddle - React, Tailwind, and code Playground

by Eduardo García Sanz

HTML

<div ng-app>
    <div ng-controller="Main">
        <div ng-repeat="day in forecast_days" ng-init="f = forecast[day.iso];">
          {{$index}} - {{day.iso}} - {{day.name}}
          Temperature: {{f.temperature}}<br>
          Humidity: {{f.humidity}}<br>
        </div>
    </div>
</div>

JavaScript

function Main($scope) {
    
    $scope.forecast_days = [
        {
            iso: 'm',
            name: 'monday'
        },
        {
            iso: 'd',
            name: 'doomsday'
        }
    ];
    
    $scope.forecast = {
        m: {
            temperature: '34 ºC',
            humidity: '80 %'
        },
        d: {
            temperature: '9999999999999 ºC',
            humidity: '100 %'
        }
    };
    
}