JSFiddle - React, Tailwind, and code Playground

by vural kaya

HTML

<div class="container-fluid">
    <div class="row" ng-app="phonecatApp">
      <div class="col-md-2" ng-controller="PhoneListCtrl">
        <!--Sidebar content-->

        Search:
        <input ng-model="query">

      </div>
      <div class="col-md-10">
        <!--Body content-->

        <ul class="phones">
          <li ng-repeat="phone in phones | filter:query">
            {{phone.name}}
            <p>{{phone.snippet}}</p>
            {{1+1}} 
          </li>
        </ul>
 
      </div>
    </div>
  </div>

JavaScript

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

phonecatApp.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.'
  }];
});