Question

例如，这里有一个链接链接，请仔细查看并告诉我哪里出了问题？ plunker link

Answer 1

您的代码存在的问题是您尚未将适当的库（AngularJs，app.js）加载到您的plunker中，这是强制性的，也不是从plunker中执行它的合适的html代码，因此我为您创建了plunker带有正确的代码。请在下面找到代码，

另外，您的 $ 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>

我正在尝试在Angular JS中搜索城市，但无法正常工作

1 个答案: