- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我在 ui 路由器方面遇到了一个相当新奇的问题。我基本上是在尝试在 API 中查询模板 url,该模板 url 作为 Resource
对象存储和返回。问题是 templateUrl
函数似乎返回为未定义。我的代码如下:
(function() {
'use strict';
angular.module('myApp')
.config(function ($stateProvider, PageProvider, $httpProvider) {
$stateProvider
.state('core', {
abstract: true,
templateUrl: 'app/core/core.index.html',
controller: 'CoreController',
controllerAs: 'vm'
})
/* Parent page view */
.state('core.page', {
url: '/:slug',
views: {
'page_content@core': {
templateUrl: function(params) {
var slug = params.slug;
// only need to load core template
var url = 'assets/templates/' + slug + '.html';
return url;
},
controller: 'PageController',
controllerAs: 'vm'
}
}
})
.state('core.page.child', {
url: '/:child',
views: {
'page_content@core': {
templateUrl: function($stateParams) {
PageProvider
.$get() // $get() returns Page service
.findOne($stateParams.child)
.$promise
.then(function(data){
return data.template.url;
});
}
}
}
});
});
})();
我为我的状态“core.page.child”设置了一个断点,以查看范围内有哪些变量可用,然后我发现了一些非常奇怪的东西:
我真的不明白为什么会发生这种情况,因为 .then(cb)
仅在 promise 解决后才被调用,这意味着它应该按预期返回正确的值 - 但它没有't。
任何帮助将不胜感激。
编辑:我应该补充一点,正在发生的事情是 ui-router 根本没有加载我的模板 - 我得到一个空的 ui-view
。我最初以为这可能是我的 $stateProvider
配置的问题,但事实似乎并非如此。
Edit2:我根据调用堆栈深入研究了源代码。看来你们俩都是对的 - ui-router 不能与 Promise 一起工作。
/**
* @ngdoc function
* @name ui.router.util.$templateFactory#fromConfig
* @methodOf ui.router.util.$templateFactory
*
* @description
* Creates a template from a configuration object.
*
* @param {object} config Configuration object for which to load a template.
* The following properties are search in the specified order, and the first one
* that is defined is used to create the template:
*
* @param {string|object} config.template html string template or function to
* load via {@link ui.router.util.$templateFactory#fromString fromString}.
* @param {string|object} config.templateUrl url to load or a function returning
* the url to load via {@link ui.router.util.$templateFactory#fromUrl fromUrl}.
* @param {Function} config.templateProvider function to invoke via
* {@link ui.router.util.$templateFactory#fromProvider fromProvider}.
* @param {object} params Parameters to pass to the template function.
* @param {object} locals Locals to pass to `invoke` if the template is loaded
* via a `templateProvider`. Defaults to `{ params: params }`.
*
* @return {string|object} The template html as a string, or a promise for
* that string,or `null` if no template is configured.
*/
this.fromConfig = function (config, params, locals) {
return (
isDefined(config.template) ? this.fromString(config.template, params) :
isDefined(config.templateUrl) ? this.fromUrl(config.templateUrl, params) :
isDefined(config.templateProvider) ? this.fromProvider(config.templateProvider, params, locals) :
null
);
};
看来我要么必须使用 $stateProvider.decorator
,要么破解 ui-router 的核心。我想我可能会选择后者并提交 PR。我也会将此问题发布到 github 存储库上,看看 ui-router 团队中是否有人可以解决此问题。
最佳答案
您可以使用 resolve
和 templateProvider
来执行此操作。
.state('child', {
url: '/:child',
resolve: {
childTemplate: function ($stateParams, $templateRequest) {
return $templateRequest($stateParams.child + ".html");
}
},
templateProvider: function(childTemplate) {
return childTemplate;
}
});
这将创建一个解析,它使用 $stateParams
来获取模板(我使用 $templateRequest
来获取,添加到 $templateCache
,并将内容全部返回)。然后,解析后的模板内容被注入(inject)到 View 的templateProvider中。
关于javascript - 用户界面路由器 : async data in templateUrl function,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30964498/
main.cpp #include "Primes.h" #include int main(){ std::string choose; int num1, num2; w
似乎函数 qwertyInches() 应该可以工作但是当我在 main() 中调用它时它给了我 [Error] called object 'qwertyInches' is not a funct
我无法理解 C++ 语法的工作原理。 #include using namespace std; class Accumulator{ private: int value; public:
在 类中声明 函数成员时,我们可以同时执行这两种操作; Function first; Function() second; 它们之间有什么区别? 最佳答案 Function 代表任意函数: void
“colonna”怎么可能是一个简单的字符串: $('td.' + colonna).css('background-color','#ffddaa'); 可以正确突出显示有趣单元格的背景,并且: $
我正在尝试将网页中的动态参数中继到函数中,然后函数将它们传递给函数内部的调用。比如下面这个简化的代码片段,现在这样,直接传入参数是没有问题的。但是,如何在不为每个可能的 colorbox 参数设置 s
C++ 中是否有一种模式允许您返回一个函数,它返回一个函数本身。例如 std::function func = ...; do { func = func(); } while (func);
我正在将 Windows 程序集移植到 Linux。我有一些代码要移植。我实际上是 linux 中 C 的新手。我知道 C 基础知识是一样的! typedef struct sReader {
我一直在寻找一个很好的解释,所以我很清楚。示例: this.onDeleteHandler(index)}/> 对比 对比 this.nameChangedhandler(event, perso
function(){}.__proto__ === Function.prototype 和 Function.prototype === function(){}.__proto__ 得到不同的结
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function 据说 Propert
VBA 中的函数没有特殊类型。我很难理解如何在 Excel VBA 中将函数作为参数添加到函数中。 我想要完成的是这样的事情: function f(g as function, x as strin
所以我正在尝试制作一个包(我没有在下面包含我的 roxygen2 header ): 我有这个功能: date_from_text % dplyr::mutate(!!name := lubr
尝试从 std::function 派生一个类,对于初学者来说,继承构造函数。这是我的猜测: #include #include using namespace std; template cla
我正在尝试编写一个返回另一个函数的函数。我的目标是编写一个函数,它接受一个对象并返回另一个函数“search”。当我使用键调用搜索函数时,我想从第一个函数中给定的对象返回该键的值。 propertyO
我非常清楚函数式编程技术和命令式编程技术之间的区别。但是现在有一种普遍的趋势是谈论“函数式语言”,这确实让我感到困惑。 当然,像 Haskell 这样的一些语言比 C 等其他语言更欢迎函数式编程。但即
关闭。这个问题是opinion-based 。目前不接受答案。 想要改进这个问题吗?更新问题,以便 editing this post 可以用事实和引文来回答它。 . 已关闭 8 年前。 Improv
我在stackoverflow上查过很多类似的问题,比如call.call 1 , call.call 2 ,但我是新人,无法发表任何评论。我希望我能找到关于 JavaScript 解释器如何执行这些
向 Twilio 发送 SMS 时,Twilio 会向指定的 URL 发送多个请求,以通过 Webhook 提供该 SMS 传送的状态。我想让这个回调异步,所以我开发了一个 Cloud Functio
作为 IaC 的一部分,A 功能应用 ,让我们将其命名为 FuncAppX 是使用 Terraform 部署的,它有一个内置函数。 我需要使用 Terraform 在函数应用程序中访问相同函数的 Ur
我是一名优秀的程序员,十分优秀!