Проблема с вашим кодом заключается в том, что вы не загрузили надлежащую библиотеку (AngularJs, app.js) в свой плункер, что является обязательным, а также не является надлежащим HTML-кодом для выполнения его из плунжера, поэтому я создал для вас плункерс правильным кодом.Пожалуйста, найдите код ниже,
Также ваш $ scope.Locations - это строка в вашем опубликованном коде, но она должна быть типом массива, чтобы выполнить цикл с помощью ng-repeat.Я также исправил это в приведенном ниже коде контроллера:
Пожалуйста, проверьте этот рабочий plunker .
Контроллер:
$scope.Locations = [
{location:'pune'},
{location:'Mumbai'}
];
Шаблон:
<!DOCTYPE html>
<html ng-app="plunker">
<head>
<meta charset="utf-8" />
<title>AngularJS Plunker</title>
<script>document.write('<base href="' + document.location + '" />');</script>
<link rel="stylesheet" href="style.css" />
<script data-require="angular.js@1.4.x" src="https://code.angularjs.org/1.4.0-beta.6/angular.js" data-semver="1.4.0-beta.6"></script>
<script src="app.js"></script>
</head>
<body ng-controller="MainCtrl">
<label class="control-label"><b>City Name:</b></label>
<input type="text" class="span3" id="LocCity" name="LocCity" ng-model="LocCity" ng-keyup="LocSearchCity(LocCity)" autocomplete="off" required />
<ul class="list-group" ng-model="LocCityDropdown" ng-hide="LocCityDropdown">
<li class="list-group-item" ng-repeat="Location in Locations | filter: LocCity as LocSearchResult">
<a href="#" ng-click="FillTextboxLocCity(Location)">
{{Location.location}}</a>
</li>
</ul>
<p id="test"></p>
</body>
</html>