JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="myApp">
<div ng-controller="FormCtrl">
    <form ng-submit="submit()">
        <input type="text" ng-model="text" name="text" />
        <input type="submit" id="submit" value="Submit" />
    </form>
    <table>
        <!-- Cabeçalho -->
        <tr>
            <th>Controller</th>
            <th>Action</th>
        </tr>
        <!-- Dados da tabela: -->
        <tr ng-repeat="coordenada in dados">
            <td>{{coordenada.nome_controller}}</td>
            <td>{{coordenada.nome_action}}</td>
        </tr>
    </table>
    </div></div>

CSS

td {
    border: 1px solid #000;
    margin: 1px;
}

JavaScript

var app = angular.module('myApp', []),
    fakeData = "json=" + encodeURIComponent(JSON.stringify([
         {nome_controller: 'login',nome_action: 'logar'},
         {nome_controller: 'login',nome_action: 'logar'}]));

function FormCtrl($scope, $http) {
   $scope.dados = [];
   $scope.submit = function () {
     $http({
       method: 'POST', // requerido pelo JSFiddle
       url: '/echo/json/',
       // dados retornados pelo ajax
       data: fakeData
     }).success(function (data, status) {
       $scope.dados = data;
     });
   }
 }