gpt4 book ai didi

AngularJS:不是在 RouteProvider 而是在 Controller 中解决?

转载 作者:行者123 更新时间:2023-12-04 22:32:21 25 4
gpt4 key购买 nike

我在这里看到了一些示例代码 Delaying AngularJS route change until model loaded to prevent flicker

虽然这是正确的方法,但我需要让我的 Controller 仅在解析完成加载时才加载,通常周围的大多数示例都会告诉您将代码置于 routeprovder 中的解析下作为内联函数,但这听起来不对。 Controller 需要它,所以为什么不让 Controller 实现要解析的功能。这听起来正是我想要的,即。这似乎使用原型(prototype)模式??

function PhoneListCtrl($scope, phones) {
$scope.phones = phones;
$scope.orderProp = 'age';
}

PhoneListCtrl.resolve = {
phones: function(Phone, $q) {
// see: https://groups.google.com/forum/?fromgroups=#!topic/angular/DGf7yyD4Oc4
var deferred = $q.defer();
Phone.query(function(successData) {
deferred.resolve(successData);
}, function(errorData) {
deferred.reject(); // you could optionally pass error data here
});
return deferred.promise;
}
}

问题是我的 Controller 是这样的
'use strict';

angular.module('TestApp')
.controller('ItemsCtrl', function ($scope) {
});

那么,当我的 Controller 在模块中声明时,如何在 Controller 上应用新功能?

我真正需要的是
 TestCtrl.resolve = {
items: function( $q) {
..........
return deferred.promise;
}
}

这将允许我在我的路由提供者中拥有..
  when('/items', {
templateUrl: 'views/items.html',
controller: 'TestCtrl',
resolve: 'TestCtrl.resolve'}). // Need to use ' around resolve?

但我很困惑如何让它发挥作用?

我真的很喜欢任何反馈,我很茫然。

最佳答案

如果您想使用带有 .controller 语法的解析,则无法像 'TestCtrl.resolve' 那样定义,那么您必须在 route provider 中定义内联。 routeprovider 中的内联解析的优点是您可以轻松地重用 Controller ,但使用相同的 Controller 并更改解析函数中的逻辑

关于AngularJS:不是在 RouteProvider 而是在 Controller 中解决?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17721311/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com