Angularjs 角度带模态-将变量传递到模态范围

Angularjs 角度带模态-将变量传递到模态范围,angularjs,angularjs-scope,angular-strap,Angularjs,Angularjs Scope,Angular Strap,如何在角带模式中传递变量 需要将项参数传递到模式范围 example.html: {{item.name} 自定义模态 (使用数据模板) example.controller.js: “严格使用”; 有棱角的 .module('MyApp') .controller('ExampleCtrl',['$scope','$modal', 功能($scope$modal){ var modal=$modal({ 范围:$scope, 模板:'../views/example.tpl.html

如何在角带模式中传递变量

需要将
参数传递到模式范围

example.html:



{{item.name} 自定义模态
(使用数据模板)

example.controller.js:

“严格使用”;
有棱角的
.module('MyApp')
.controller('ExampleCtrl',['$scope','$modal',
功能($scope$modal){
var modal=$modal({
范围:$scope,
模板:'../views/example.tpl.html',
节目:假
});
$scope.showmodel=函数(){
modal.$promise.then(modal.show);
};
}]);

您的问题不太清楚
$modal
默认情况下与页面具有相同的作用域-毕竟,模态只是该页面上的一个元素

所以
scope:$scope
完全没有必要。对于标记,“传递”变量到
$modal
是很简单的:

$scope.item={name:'神圣的鳄梨酱'};
“神圣的鳄梨酱”将在情态动词
{{{item.name}}

就我个人而言,我更喜欢创建一个专用于特定模态的对象:

$scope.myModalData={
项目:{
名称:“神圣的鳄梨酱”
}
}
{{myModalData.item.name}

如果坚持使用自定义范围,请执行以下操作:

var$modalScope=$scope.$new(true);
$modalScope.item={
名称:“神圣的鳄梨酱”;
}
。。。

。。。

{{item.name}
var modal = $modal({
   scope: $modalScope,
   template: '../../views/example.tpl.html',
   show: false
});
<h4>{{ item.name }}</h4>