Javascript AngularJs URL使用不同的参数进行更改,但视图保持不变。它仅在刷新时更改。如何在每次参数更改时呈现页面?
在控制器内部,我执行AJAX调用并渲染数据。基本上,我有不同的收件箱类型,我希望通过控制器内的http post调用将参数从URL传递到API来呈现这些收件箱类型。在导航栏中,如下所示: 类似地,我将其他参数传递给不同收件箱类型的url 当我单击最近的URL:/list/&type=Recent时,内容被呈现 当我单击带星号的URL时:/list/&type=Starred,但内容未呈现。我必须手动刷新页面以查看新内容 这是我的控制器:Javascript AngularJs URL使用不同的参数进行更改,但视图保持不变。它仅在刷新时更改。如何在每次参数更改时呈现页面?,javascript,jquery,ajax,angularjs,http,Javascript,Jquery,Ajax,Angularjs,Http,在控制器内部,我执行AJAX调用并渲染数据。基本上,我有不同的收件箱类型,我希望通过控制器内的http post调用将参数从URL传递到API来呈现这些收件箱类型。在导航栏中,如下所示: 类似地,我将其他参数传递给不同收件箱类型的url 当我单击最近的URL:/list/&type=Recent时,内容被呈现 当我单击带星号的URL时:/list/&type=Starred,但内容未呈现。我必须手动刷新页面以查看新内容 这是我的控制器: app.controller('SmsListCtrl',
app.controller('SmsListCtrl', ['$scope', '$stateParams','$http', function($scope, $stateParams, $http, transformRequestAsFormPost) {
$scope.method = $stateParams.inboxType;
console.log("Inbox Type : "+ $stateParams.inboxType );
$http.post('tpl/processors/process-list.php', {method : $scope.method})
.then(function(response) {
console.log(response.data);
$scope.smses = response.data;
console.log($scope.smses);
}
}, function(x) {
$scope.authError = 'Server Error';
});
console.log("Inbox Type after HTTP Call : "+ $stateParams.inboxType );
});
}]);
我的导航:
<a ui-sref="app.mail.list({inboxType: '&type=recent'})">
<a ui-sref="app.mail.list({inboxType: '&type=reminders'})">
<a ui-sref="app.mail.list({inboxType: '&type=favourites'})">
我被困在这里了。请帮助我,因为我是Angular JS新手。你能展示你的完整代码吗,在线演示更容易理解。您在控制台中收到了哪些消息?在控制台日志中,收到了sms json对象。我的短信列表正在生成并运行良好。我的问题是,当url更改时,当我单击提醒和收藏夹时,页面数据不会刷新。是否希望您的$stateParams.inboxType采用“&type=recent”或“recent”格式?我希望“&type=recent”。我正在变得完美。我的列表也是根据我的期望生成的。我的问题是导航。当导航到其他链接时,url会更改,但html中没有更改。当我手动刷新页面时,它会加载数据。