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

Question

我对现有代码做了一个简单的修改，我想在数据库中搜索用户查询。我可以执行所有 $https 调用，只是从一个 Controller (从 setSearch 到 getSearch)到另一个 Controller 的数据丢失了某处。我有用户服务来传递数据

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