title: $scope is not defined
body: <p>I must be missing something simple. I get the error $scope is not defined in plunker. Where is the error? I have declared the module, controller and dependencies I cannot see where the error is.</p>
  
  <pre><code>    var phonecatApp = angular.module('phonecatApp', [$scope]);
  
  phonecatApp.controller('PhoneListCtrl', function () {
    $scope.phones = [
      {'name': 'Nexus S',
       'snippet': 'Fast just got faster with Nexus S.',
       'age': 1},
      {'name': 'Motorola XOOM™ with Wi-Fi',
       'snippet': 'The Next, Next Generation tablet.',
       'age': 2},
      {'name': 'MOTOROLA XOOM™',
       'snippet': 'The Next, Next Generation tablet.',
       'age': 3}
    ];
  
    $scope.orderProp = 'age';
  });
  
      &lt;html ng-app='phonecatApp'&gt;
      &lt;head&gt;
        &lt;title&gt;My Angular App&lt;/title&gt;
        &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular.min.js"&gt;&lt;/script&gt;
        &lt;script src="script.js"&gt;&lt;/script&gt;
      &lt;/head&gt;
      &lt;body&gt;
      &lt;div ng-controller="PhoneListCtrl"&gt;Search: &lt;input ng-model="query"&gt;
    Sort by:
    &lt;select ng-model="orderProp"&gt;
      &lt;option value="name"&gt;Alphabetical&lt;/option&gt;
      &lt;option value="age"&gt;Newest&lt;/option&gt;
    &lt;/select&gt;
  
  
    &lt;ul class="phones"&gt;
      &lt;li ng-repeat="phone in phones | filter:query | orderBy:orderProp"&gt;
        &lt;span&gt;{{phone.name}}&lt;/span&gt;
        &lt;p&gt;{{phone.snippet}}&lt;/p&gt;
      &lt;/li&gt;
    &lt;/ul&gt;&lt;/div&gt;
      &lt;/body&gt;
    &lt;/html&gt;
  </code></pre>