title: How to add the object values into table using angularjs
body: <pre><code>var app = angular.module("myapp", ["ngSanitize"]);
  app.controller("controller", ['$scope', function($scope) {
      $scope.tasks = [{
          item: "Shopping",
          status: true
      }, {
          item: "Cleaning",
          status: false
      }];
  
  }]);
  </code></pre>
  
  <p>and html</p>
  
  <pre><code>&lt;div ng-app="myapp"&gt;
      &lt;div ng-controller='controller'&gt;
          &lt;table border=1 ng-repeat='task in tasks'&gt;
              &lt;tr&gt;
                  &lt;td&gt;{{task.item}}&lt;/td&gt;
                  &lt;td&gt;{{task.status}}&lt;/td&gt;
              &lt;/tr&gt;
          &lt;/table&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I tried as above but i could not able to attach header to the table.And at the place of Done I am tring to attach a checkbox...I mean if status is true the chexk box must be checked or else unchecked.</p>
  
  <pre><code>Output:
  Item       Done
  Shopping    checkbox with ticked
  Cleaning    checkbox without ticked
  </code></pre>