JSFiddle - React, Tailwind, and code Playground

by vvakame

HTML

<div ng-app>
    <div ng-controller="ParentCtrl">
        <div ng-repeat="str in list">
            <div ng-controller="ChildCtrl">
                {{str}} - {{convert(str)}}
            </div>
        </div>
    </div>
</div>

JavaScript

function ParentCtrl($scope) {
    $scope.list = ["a", "b", "c"];
}

function ChildCtrl($scope) {
    $scope.convert = function(str) {
        switch(str){
            case "a":
                return "alpha";
            case "b":
                return "bravo";
            case "c":
                return "charlie";
            default:
                return "unknown";
        }
    }
}