JSFiddle - React, Tailwind, and code Playground

by kuonyuu

HTML

<div class="wrap" ng-controller="PhoneListCtrl">
 <ul>
    <li ng-repeat="phone in phones">
      {{phone.name}}
      <p>{{phone.snippet}}</p>
    </li>
  </ul>   
     <p>Total number of phones: {{phones.length}}</p>
</div>

JavaScript

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

myApp.controller('PhoneListCtrl', function ($scope) {
  $scope.phones = [
    {'name': 'Nexus S',
     'snippet': 'Fast just got faster with Nexus S.'},
    {'name': 'Motorola XOOM™ with Wi-Fi',
     'snippet': 'The Next, Next Generation tablet.'},
    {'name': 'MOTOROLA XOOM™',
     'snippet': 'The Next, Next Generation tablet.'}
  ];
});