如何在页面加载时执行AngularJS控制器功能？

Question

如何在页面加载时执行AngularJS控制器功能？目前，我有一个Angular.js页面，允许搜索和显示结果。用户单击搜索结果，然后单击“后退”按钮。我希望搜索结果再次显示，但我无法确定如何触发搜索来执行。细节如下：我的Angular.js页面是一个搜索页面，有一个搜索字段和一个搜索按钮。用户可以手动输入查询并按下一个按钮，Ajax查询就会被触发并显示结果。我用搜索词更新URL。一切都很好。用户点击搜索结果，并被带到另一个页面-这也很好。用户单击后退按钮，然后返回到我的角度搜索页面，并显示正确的URL，包括搜索词。一切正常。我已经将搜索字段值绑定到URL中的搜索项，因此它包含了预期的搜索项。一切正常。如何使搜索函数再次执行，而不需要用户按下“搜索按钮”？如果是jQuery，那么我将在document战备函数中执行一个函数。我看不到Angular.js的等价物。

Answer 1

你可以用私人的内在功能来逃避：

// at the bottom of your controllervar init = function () {
   // check if there is query in url
   // and fire search in case its value is not empty};// and fire it after definitioninit();

你也可以看看吴茵指令。实施将非常类似于：

// 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};

但要小心角文档意味着(从V1.2开始)不使用ng-init为了这个。然而，它取决于您的应用程序的架构。

我用ng-init当我想将一个值从后端传递到角应用程序时：

<div data-ng-controller="myCtrl" data-ng-init="init('%some_backend_value%')"></div>

Answer 2

尝尝这个?

$scope.$on('$viewContentLoaded', function() {
    //call it here});

Answer 3

我永远也得不到$viewContentLoaded为我工作，而且ng-init应该只用于ng-repeat(根据文档)，如果代码依赖尚未定义的元素，那么直接在控制器中调用函数也会导致错误。

我就是这么做的，这对我来说很管用：

$scope.$on('$routeChangeSuccess', function () {
  // do something});

除非你用ui-router..那就是：

$scope.$on('$stateChangeSuccess', function () {
  // do something});