JSFiddle - React, Tailwind, and code Playground

by jayrmotta

HTML

<body ng-app="lista-de-chamadas">
    <div ng-controller="ChamadaCtrl">
        <input type="text" ng-model="buscaDeInscritos" placeholder="Busca de inscritos"/>
        
        <ol>
            <li ng-repeat="inscrito in obterInscritos() | filter:buscaDeInscritos">{{inscrito}}</li>
        </ol>
        
        Nome: <input type="text" ng-model="nome"/>
        
        <button ng-click="inscrever(nome)">Inscrever</button>
    </div>
</body>

JavaScript

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

eventos.service('ParticipantesSvc', function() {
    var inscritos = [];
    
    var inscrever = function(nome) {
        inscritos.push(nome);
    };
    
    var obterInscritos = function() {
        return inscritos;
    };
    
    return {
        inscrever : inscrever,
        obterInscritos : obterInscritos
    };
});

var chamada = angular.module('lista-de-chamadas', ['eventos']);

chamada.controller('ChamadaCtrl', function($scope, ParticipantesSvc) {
    $scope.inscrever = ParticipantesSvc.inscrever;
    
    $scope.obterInscritos = ParticipantesSvc.obterInscritos;
});