I am trying to create a filter input for my project, but I have encountered an issue that I can't seem to resolve.
Here are the files I am working with :
Idioms and phrase.html
<!DOCTYPE html>
<html>
<script src= "angular.js"></script>
<body>
<div ng-app="myApp" ng-controller="EnglishCtrl">
<p>Filtering input:</p>
<p><input type="text" ng-model="test"></p>
<ul>
<li ng-repeat="x in English | filter:test | orderBy:'English'">
{{ (x.English | lowercase) + ', ' + x.Bangla }}
</li>
</ul>
</div>
<script src="namesController.js"></script>
</body>
</html>
namesController.js
var app = angular.module('myApp', [])
app.controller('EnglishCtrl', function($scope) {
$scope.English = [
{English:'A black sheep', Bangla:'কুলাঙ্গার'},
];
});
and the angular.js file what we know .
Unfortunately, when I try to run it, I encounter an error similar to this:
https://i.sstatic.net/YJ6tm.jpg
Why is this happening?
Your assistance would be greatly appreciated in solving this issue.