Angular and Tables

Question

I'm confused why my {{item}} isn't being bound to the Controller's data object.

My HTML is just "{{item}}."

<div ng-controller="Controller">
<table>
    <tbody ng-repeat='items in data'>
      <tr ng-repeat='item in items'>
        <td>{{item}}</td>
      </tr>
    </tbody>
  </table>
</div>

.

function Controller($scope) {   
    $scope.data = ["Monday", "Tuesday", "Wednesday"];
}

su- · Accepted Answer · 2013-06-30 02:56:34Z

1

You can fix your jsfiddle code by following these steps:

1> select a angularjs library (in Frameworks & Extensions on the left)

2> select no-wrap in head (or body)

3> wrap your code in ng-app, something like

<div ng-app='MyModule'>...</div>

4> add this to js section

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

here's an example

edited Jun 30, 2013 at 2:56

answered Jun 30, 2013 at 2:42

su-

3,1763 gold badges34 silver badges44 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Kevin Meredith Over a year ago

Thanks. Could you please tell me how to make each day a Column, rather than Row? jsfiddle.net/rtFtA/12

Collectives™ on Stack Overflow

Angular and Tables

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related