JSFiddle - React, Tailwind, and code Playground

by leoliaolei

HTML

<div ng-app ng-controller="PortfolioCtrl">
    <ul>
        <li ng-repeat="portfolio in portfolios">{{portfolio.name}} ({{portfolio.stocks.length}})</li>
    </ul>
    <button ng-click="addStock()">Add Stock</button>
    <button ng-click="addPortfolio()">Add Portfolio</button>
</div>

JavaScript

function PortfolioCtrl($scope) {
    $scope.portfolios = [{
        name: "p0",
        stocks: ["a","b"]
    }];
    $scope.addStock = function () {
        $scope.portfolios[0].stocks.push({
            name: "s"
        });
    };
    $scope.addPortfolio = function () {
        $scope.portfolios.push({
            name: "p" + $scope.portfolios.length,
            stocks: []
        });
    };
}