JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app='app' ng-controller="Ctrl">
    Enter the meals: <input type="text" ng-model="meals" />

    <label ng-repeat="meal in [] | range:meals"><br>
        Meal: {{meal}}: <span>Calories:<input type="text"></span>
    </label>

</div>

CSS

label span {
    display: block
}

JavaScript

var app = angular.module('app', []);

app.filter('range', function() {
  return function(input, total) {
    total = parseInt(total);
      
    for (var i=0; i<total; i++) {
      input.push(i+1);
    }
      
    return input;
  };
});

function Ctrl($scope){
    
}