JSFiddle - React, Tailwind, and code Playground
HTML
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.min.js"></script>
<script src="http://code.angularjs.org/1.0.2/angular-resource.js"></script>
<!doctype html>
<html>
<body>
<div ng-app="Twitter2">
<div ng-controller="TwitterCtrl2">
<form class="form-horizontal">
<input type="text" ng-model="searchTerm2">
<button class="btn" ng-click="doSearch2()"><i class="icon-search"></i>Search2</button>
</form>
<table class="table table-striped">
<tr ng-repeat="tweet2 in twitterResult2.results">
<td>{{tweet2.text}}</td>
</tr>
</table>
</div>
</div>
<div ng-app="Twitter">
<div ng-controller="TwitterCtrl">
<form class="form-horizontal">
<input type="text" ng-model="searchTerm">
<button class="btn" ng-click="doSearch()"><i class="icon-search"></i>Search1</button>
</form>
<table class="table table-striped">
<tr ng-repeat="tweet in twitterResult.results">
<td>{{tweet.text}}</td>
</tr>
</table>
</div>
</div>
</body>
</html>
JavaScript
angular.module('Twitter', ['ngResource']);
function TwitterCtrl($scope, $resource) {
$scope.twitter = $resource('http://search.twitter.com/:action',
{action:'search.json', q:'angularjs', callback:'JSON_CALLBACK'},
{get:{method:'JSONP'}});
$scope.doSearch = function () {
$scope.twitterResult = $scope.twitter.get({q:$scope.searchTerm});
console.log("in doSearch()");
};
};
angular.module('Twitter2', ['ngResource']);
function TwitterCtrl2($scope, $resource) {
$scope.twitter2 = $resource('http://search.twitter.com/:action',
{action:'search.json', q:'angularjs', callback:'JSON_CALLBACK'},
{get:{method:'JSONP'}});
$scope.doSearch2 = function () {
$scope.twitterResult2 = $scope.twitter2.get({q:$scope.searchTerm2});
console.log("in doSearch2()");
};
};