ng-repeat example

by Kai_Draord

HTML

<div ng-controller="MainCtrl">
  <ul>
    <li ng-repeat="record in records">
      {{record.Name}}<br>
      <buton ng-click="onClick(record)"><img ng-src="{{record.image}}" alt="asdf"></buton><br>
      {{record.Country}}
    </li>

  </ul>
</div>

JavaScript

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

function MainCtrl($scope) {
  $scope.records = [{
    "Name": "Alfreds Futterkiste",
    "Country": "Germany",
    image: "https://via.placeholder.com/150"
  }, {
    "Name": "Berglunds snabbköp",
    "Country": "Sweden",
    image: "https://via.placeholder.com/150"
  }, {
    "Name": "Centro comercial Moctezuma",
    "Country": "Mexico",
    image: "https://via.placeholder.com/150"
  }, {
    "Name": "Ernst Handel",
    "Country": "Austria",
    image: "https://via.placeholder.com/150"
  }];
}