目前我有一个Angular.js页面，该页面允许搜索并显示结果。用户点击搜索结果，然后点击返回按钮。我希望搜索结果再次显示，但我无法找出如何触发搜索执行的方法。以下是详细信息：
如何在不让用户按下“搜索”按钮的情况下重新执行搜索功能？如果使用jQuery，则可以在documentready函数中执行函数。我看不到Angular.js的等效方法。
一方面，如@Mark-Rajcok所说，您可以只使用私有内部函数：
// 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文档（自1.2版本以来）所暗示的那样使用ng-init，但是在我看来，这取决于您应用程序的架构。
当我想将后端的值传递到angular应用程序中时，我使用了ng-init：
<div data-ng-controller="myCtrl" data-ng-init="init('%some_backend_value%')"></div>
myCtrl控制器。 - Mark Rajcok<div smth on-init="doWhatever()">。当然，这取决于特定的用例。 - Dmitry Evseev试试这个？
$scope.$on('$viewContentLoaded', function() {
//call it here
});
我一直无法让$viewContentLoaded起作用，而ng-init应该只在ng-repeat中使用（根据文档），并且在控制器中直接调用函数可能会导致错误，如果代码依赖于尚未定义的元素。
这是我做的，它对我有效：
$scope.$on('$routeChangeSuccess', function () {
// do something
});
除非你正在使用ui-router，否则它应该是这样的：
$scope.$on('$stateChangeSuccess', function () {
// do something
});
$location），$scope.$on('$routeChangeSuccess'会被触发，因此你可以只使用$scope.$on('$locationChangeSuccess'。如果你需要在页面加载/重新加载时触发某些操作，可以像这里建议的那样使用$scope.$watch('$viewContentLoaded'。它不会在URL参数更改期间触发。 - Neurotransmitterangular.element(document).ready(function () {
// your code here
});
$scope，而是使用this，那么这很好。 - AakashDimitri/Mark的解决方案对我无效，但是使用$timeout函数似乎可以很好地确保你的代码只在标记渲染后运行。
# Your controller, including $timeout
var $scope.init = function(){
//your code
}
$timeout($scope.init)
希望它有所帮助。
如果你想要观察viewContentLoaded DOM对象的变化并且在变化后执行某些操作，可以这样做。使用$scope.$on也可以，但是当你的路由启用了单页模式时，会有所不同。
$scope.$watch('$viewContentLoaded', function(){
// do something
});
$window.onload = function(e) {
//your magic here
}
var myInit = function () {
//...
};
angular.element(document).ready(myInit);
.state('nn', {
url: "/nn",
templateUrl: "views/home/n.html",
controller: 'nnCtrl',
resolve: {
initialised: function (ourBootstrapService, $q) {
var deferred = $q.defer();
ourBootstrapService.init().then(function(initialised) {
deferred.resolve(initialised);
});
return deferred.promise;
}
}
})
服务
function ourBootstrapService() {
function init(){
// this is what we need
}
}
我发现Dmitry Evseev的回答非常有用。
情况1：仅使用angularJs：
要在页面加载时执行方法，您可以在视图中使用ng-init并在控制器中声明init方法。但是，根据Angular Docs on ng-init的说法，不建议使用较重的功能：
这个指令可能被滥用，向您的模板添加不必要的逻辑。只有少数几种适当的使用ngInit，例如为ngRepeat的特殊属性设置别名，如下面的演示所示；以及通过服务器端脚本注入数据。除了这些少数情况之外，您应该使用控制器而不是ngInit在作用域上初始化值。
HTML：
<div ng-controller="searchController()">
<!-- renaming view code here, including the search box and the buttons -->
</div>
控制器：
app.controller('SearchCtrl', function(){
var doSearch = function(keyword){
//Search code here
}
doSearch($routeParams.searchKeyword);
})
警告: 不要将此控制器用于其他意图的视图，因为这会导致搜索方法在那里执行。
案例2：使用Ionic：
上述代码将起作用，只需确保在route.js中禁用视图缓存：
route.js
.state('app', {
url : '/search',
cache : false, //disable caching of the view here
templateUrl : 'templates/search.html' ,
controller : 'SearchCtrl'
})
cache: false 对我很有帮助 - 谢谢！ - Rani Kheir
$routeProvider？使用它连接到应用程序中提供搜索结果数据的服务。不要像使用 jQuery 时那样考虑document.ready的术语。如果没有看到你目前如何连接搜索，很难提供帮助。 - charlietfl