<!DOCTYPE html>
<html ng-app>
<body data-ng-controller="SimpleController">
<div class="container">
Title:
<br/>
<input type="text" ng-model="title" />{{title}}
<br/>
<ul>
<li ng-repeat="item in items | filter:title | orderBy:'category'">{{item.name | capitalize}} - {{item.category | lowercase}}
</li>
</ul>
</div>
<script src="angular.min.js" ></script>
<script>
function SimpleController($scope)
{
$scope.items = [
{ name: 'Apple', category: 'Fruit'},
{ name: 'Carrot', category: 'Vegetable'},
{ name: 'Banana', category: 'Fruit'}
];
}
</script>
</body>
I recently watched a tutorial on coding. I've reviewed it multiple times but can't seem to pinpoint the issue. The error message says "https://docs.angularjs.org/error/ng/areq?p0=SimpleController&p1=not%20a%20function,%20got%20undefined" Can someone provide assistance?