AngularJS Live Example

by ncapito

HTML

<div ng-app="myApp">
  <div ng-controller="MyController">
    <form id="form1" runat="server">
  
        <ul class="large-block-grid-4 small-block-grid-2">
          <li ng-repeat="mov in Movies">
            <h2>name : {{mov.name}}</h2>
            <img ng-src="Img/{{mov.img}}.jpg" alt="Image Here" />
            <h3>year : {{mov.year}}</h3>
            <h3>year : {{mov.short}}</h3>
            <h3>year : {{mov.description}}</h3>
          </li>
        </ul>
     
    </form>

  </div>
</div>

JavaScript

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

app.controller('MyController', MyController);


function MyController($scope, $http) {
  $scope.Movies = [

    {
      "name": "Mision Impossible",
      "img": "mi",
      "year": "2012",
      "short": "Mision Impossible 2012",
      "description": "Mision Impossible 2012 Mision Impossible 2012Mision "
    }
  ];
}