Невозможно создать динамическую таблицу с двумя столбцами

Question

Я хочу иметь таблицу с заголовками и данными, динамически загружаемыми с объекта из двух массивов. К сожалению, эти строки не отображаются.

http://jsfiddle.net/x7ur9u07/4/

<div ng-controller="MyCtrl"> 
    <table> 
    <thead> 
     <tr> 
     <th>Input</th> 
     <th>Output</th> 
     <tr> 
    </thead> 
    <tbody> 
     <tr ng-repeat="inout in inoutContainer track by $index"> 
     <td>{{ inout.input_vector[$index] }}</td> 
     <td>{{ inout.output_vector[$index] }}</td> 
     </tr> 
     <tr> 
     <td> 
      Foo 
     </td> 
     <td> 
      Bar 
     </td> 
     </tr> 
    </tbody> 
    </table> 
</div> 

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

//myApp.directive('myDirective', function() {}); 
//myApp.factory('myService', function() {}); 

function MyCtrl($scope) { 
    window.alert('hello'); 
     $scope.inoutContainer = {input_vector: ["0.0","0.0"], output_vector: ["0.0","0.0"]}; 
    $scope.name = 'Superhero'; 
} 

Answer 1

мне удалось выяснить способ заставить его работать - вы имели ряд синтаксических ошибок, которые angularJS не понял

http://jsfiddle.net/x71jm9r8/

В основном я упрощена угловой код JS

• затем добавил ng-app директиву контейнера DIV

• удаляет track by $index части ng-repeat директивы,

• и, наконец, добавила myApp.controller() декларации.