Javascript 爱奥尼亚+；jQuery：在页面之间传输数据

我知道这不是这个问题的最佳标题，但如果有人有更好的标题，你可以编辑我的问题

我目前正在用Ionic v1开发一个应用程序，但是对于JS部分，我使用Angular和jQuery 3.1.1。我的问题是，我有一个项目列表，当我单击一个项目时，我将被重定向到搜索页面，搜索输入中包含项目名称。这是我的项目列表部分的JS代码：

localStorage.setItem("query", "");
  $(".item").click(function () {
    var query = $(this).text();
    if (typeof(Storage) !== "undefined") {
      console.log(query);
      localStorage.setItem("query", query);
      window.location.href = '#tab/search';
    } else {
        // Sorry! No Web Storage support..
        console.log("No web storage");
    }
  });

我在搜索控制器中检索“查询”行：

if (typeof(Storage) !== "undefined") {
      var query = localStorage.getItem("query");
      console.log(query);
      window.setInterval(function(){
        var query = localStorage.getItem("query");
        if (query != "") {
          $(".query").val(query);
        }
      }, 250);
        // Code for localStorage/sessionStorage.
        // Store
        localStorage.setItem("query", "");
    } else {
        // Sorry! No Web Storage support...
        console.log("No web storage");
    }

问题是它第一次不起作用，但是第二次，第三次，它起作用了。最可怕的是我甚至不知道它为什么这么做