Javascript 使用角点显示搜索结果_Javascript_Angularjs_Mean Stack

Javascript 使用角点显示搜索结果

javascript angularjs

Javascript 使用角点显示搜索结果,javascript,angularjs,mean-stack,Javascript,Angularjs,Mean Stack,我正在做一个项目，似乎无法使用AngularJS向Node.js+MongoDB后端发出API请求我将api路由实例化为： app.get("/search_database/:queryString", function(req, res) { ... }); 我试图在前端构建一些东西，使用Angular在浏览器上显示这些结果（原始JSON）——但没有效果。来自浏览器的API请求显示了我想要的内容，但我希望能够对AngularJS执行同样的操作感谢您的指导！谢谢这就是我到目前为止所做的

我正在做一个项目，似乎无法使用AngularJS向Node.js+MongoDB后端发出API请求

我将api路由实例化为：

app.get("/search_database/:queryString", function(req, res) { ... });

我试图在前端构建一些东西，使用Angular在浏览器上显示这些结果（原始JSON）——但没有效果。来自浏览器的API请求显示了我想要的内容，但我希望能够对AngularJS执行同样的操作

感谢您的指导！谢谢

这就是我到目前为止所做的：

test.html

实际上，您需要在更改时调用search，如下所示：

var app = angular.module("test",[]);

app.controller('searchCntrlr', $scope, $http) {
  $scope.search = function() {
    $http.
    get('/search_database/:searchText/' + $scope.searchText).
    success(function(res){
      $scope.results = res.data;
    });

  }
};

并在模板中调用此函数：

<input class="search-bar-input", ng-model="searchText" ng-change="search()"/>

或者手动

$watch

查看您的模型，然后在那里进行呼叫搜索。

所以我解决了我的问题——一大堆严重的打字错误：

更正了test.html（core.js中的拼写错误）

var app = angular.module("test",[]);

app.controller('searchCntrlr', $scope, $http) {
  $scope.search = function() {
    $http.
    get('/search_database/:searchText/' + $scope.searchText).
    success(function(res){
      $scope.results = res.data;
    });

  }
};

<input class="search-bar-input", ng-model="searchText" ng-change="search()"/>

<html ng-app="test">
  <head>
    <meta charset="utf-8">
    <title>Angular.js JSON Fetching Example</title>
       <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script>
     <script src="core.js"></script>
   </head>

  <body ng-controller="searchCntrlr">
    <div>
      <input class="search-bar-input", ng-model="searchText" ng-change="search()"/>
    </div>

    {{results}}
  </body>

</html>

var app = angular.module("test",[]);

app.controller('searchCntrlr', ['$scope', '$http', function($scope, $http) {
  $scope.search = function() {
    $http.
    get('/search_database/' + $scope.searchText).
    success(function(res){
      $scope.results = res;
    });

  }
}]);