JSFiddle - React, Tailwind, and code Playground

by Jeff

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.1/angular.min.js"></script>
<div ng-app="myApp">
    <div ng-controller="mainController as main">
        <ul>
            <li ng-repeat="(stat, values) in main.stats">{{stat}}: {{main.getStat(stat)}}</li>
        </ul>
    </div>
</div>

JavaScript

var myApp = angular.module("myApp", []);

var main = myApp.controller('mainController', function(){
    var ctrl = this;
    ctrl.level = 3;
    ctrl.stats = {
        "Health": {
            "Base": 100,
            "Growth": 25
        },
        "Mana": {
            "Base": 75,
            "Growth": 15
        }
    };
    
    ctrl.getStat = function(stat){
        return ctrl.stats[stat].Base+(ctrl.stats[stat].Growth*ctrl.level);
    };
});