目前我有一个Angular.js页面,允许搜索和显示结果。用户点击搜索结果,然后点击“返回”按钮。我希望搜索结果再次显示,但我不能解决如何触发搜索执行。这里是细节:
>我的Angular.js页面是一个搜索页面,具有搜索字段和搜索
按钮。用户可以手动输入查询并按下按钮和
并触发ajax查询并显示结果。我使用搜索字词更新网址。所有工作正常。
>用户点击搜索结果,并转到不同的页面 – 这也很好。
>用户点击返回按钮,回到我的角度搜索页面,并显示正确的URL,包括搜索项。一切工作正常。
>我已将搜索字段值绑定到URL中的搜索字词,因此它包含预期的搜索字词。一切工作正常。
如何让搜索功能再次执行,而无需用户按下“搜索按钮”?如果是jquery,那么我将在documentready函数中执行一个函数。我看不到Angular.js的等效。
一方面,作为@马克 – 拉杰克说你可以只是离开私人内部函数:
// at the bottom of your controller var init = function () { // check if there is query in url // and fire search in case its value is not empty }; // and fire it after definition init();
另外你可以看看ng-init指令。实现将很像:
// register controller in html <div data-ng-controller="myCtrl" data-ng-init="init()"></div> // in controller $scope.init = function () { // check if there is query in url // and fire search in case its value is not empty };
但是要注意它作为angular documentation implies (since v1.2)不使用ng-init。然而imo它取决于你的应用程序的架构。
我使用ng-init当我想从后端传递一个值到angular应用程序:
<div data-ng-controller="myCtrl" data-ng-init="init('%some_backend_value%')"></div>