angularjs – 如何在页面加载上执行角度控制器功能?

前端之家收集整理的这篇文章主要介绍了angularjs – 如何在页面加载上执行角度控制器功能?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
目前我有一个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>
原文链接:https://www.f2er.com/angularjs/148043.html

猜你在找的Angularjs相关文章