Yah*_*CEM 6 javascript modal-dialog angularjs angular-ui angular-ui-bootstrap
我有这个plunker与一个对话框示例,该示例使用选项对象的resolve属性,基于此示例.
基本上我想要做的是传递要在对话框模板中使用的title变量:
var title = "azerty";
Run Code Online (Sandbox Code Playgroud)
使用对话框选项对象的resolve属性:
resolve: {title: angular.copy(title)}
Run Code Online (Sandbox Code Playgroud)
然后将其注入对话框控制器并将其分配给$ scope变量:
controllers.DialogController = function($scope, dialog, title) {
$scope.title = title;
Run Code Online (Sandbox Code Playgroud)
但我得到这个错误:
错误:未知提供者:azertyProvider < - azerty
pko*_*rce 10
从发布0.2.0
(https://github.com/angular-ui/bootstrap/blob/master/CHANGELOG.md#020-2013-03-03)开始,我们更新了解析语法,使其遵循$使用的语法.
routeProvider.实际上,这意味着resolve对象中的值必须是一个函数:
resolve: {
title: function() {
return angular.copy(title);
}
}
Run Code Online (Sandbox Code Playgroud)
这是工作插件:http://plnkr.co/edit/qmNUsWK7RGeAjXcANuWv?p = preview
顺便说一下,你不需要(甚至不应该)包含Bootstrap的JavaScript.这个项目没有依赖任何外部JavaScript(除了AngularJS本身),所以你也不需要jQuery.
| 归档时间: |
|
| 查看次数: |
3792 次 |
| 最近记录: |