javascript - 为什么从 ng-controller 传递的值在 Angular JS 中是空白的

Question

我已经对我现有的代码做了一个 plunker，我想在其中将用户查询搜索到数据库中。我可以$https调用 n all，只是从一个控制器（从setSearchto getSearch）到另一个控制器的数据在某处丢失。我有用户服务来传递数据

http://plnkr.co/edit/ncSSFlG1YcwAMmpl9WDX

我在以下代码中遇到问题：

app.controller ('getSearch',function($scope,queryService){

 var userQuery= queryService.getUserQuery();
 alert(userQuery); // why is it blank?????????????//

 // i want to make a https call using this userQuery and fetch data from DB

});

Answer 1

您的问题是您的按钮属于提交类型，并且表单没有任何操作，因此当您单击它时页面只会刷新。当页面刷新时，一切都被重置并且您丢失了数据。

我将您的按钮更改为type="button"不提交，并在您单击按钮后手动更改路线，以便您可以看到数据已正确存储和传递。

$scope.getQuery = function(message){
   queryService.setUserQuery(message);
   $location.path( "/search" );
};

PLNKR