如何将参数传递给模态? [英] How to pass parameters to a modal?
问题描述
我想将 userName 从登录用户点击的 userName 列表传递到 Twitter 引导程序 modal.我将 grails 与 angularjs 一起使用，其中数据通过 angularjs 呈现.
配置
我的 grails 查看页面 encouragement.gsp 是
<g:render template="encourage/encouragement_modal"/><td>{{user.userName}}</rd><td><a class="btn btn-primary span11" href="#encouragementModal" data-toggle="modal">鼓励</a></td></tr>我的encourage/_encouragement_modal.gsp 是
<div class="modal-body">你真的要鼓励 {{aModel.userName}} 吗?
<div class="modal-footer"><button class="btn btn-info"ng-click="encourage('${createLink(uri: '/encourage/')}',{{aModel.userName}})">确认<button class="btn" data-dismiss="modal" aria-hidden="true">没关系</button>
那么，我如何将 userName 传递给 encouragementModal?
解决方案 我试过如下.
我在鼓励按钮上调用了ng-click到angularjs控制器，
<td>{{user.userName}}</rd><td><a class="btn btn-primary span11" ng-click="setUsername({{user.userName}})" href="#encouragementModal" data-toggle="modal">鼓励</a></td></tr>我从 angularjs 控制器设置了 encouragementModal 的 userName.
/*** AngularJS 的激励控制器** @param $scope* @param $http* @param 鼓励服务*/功能鼓励控制器($scope，$http，鼓励服务){/*** 设置发票号*/$scope.setUsername = 函数(用户名){$scope.userName = 用户名；};}鼓励控制器.$inject = ['$scope', '$http', 'encouragementService'];
我提供了一个地方(userName)来从 encouragementModal 上的 angularjs 控制器获取价值.
<div class="modal-body">你真的要鼓励 <b>{{userName}}</b>?
<div class="modal-footer"><button class="btn btn-info"ng-click="encourage('${createLink(uri: '/encourage/')}',{{userName}})">确认<button class="btn" data-dismiss="modal" aria-hidden="true">没关系</button>
它奏效了，我向自己致敬.
I want to pass the userName from a list of userNames a logged in user clicks on to twitter bootstrap modal.
I am using grails with angularjs, where data is rendered via angularjs.
Configuration
My grails view page encouragement.gsp is
<div ng-controller="EncouragementController">
<g:render template="encourage/encouragement_modal" />
<tr ng-cloak
ng-repeat="user in result.users">
<td>{{user.userName}}</rd>
<td>
<a class="btn btn-primary span11" href="#encouragementModal" data-toggle="modal">
Encourage
</a>
</td>
</tr>
My encourage/_encouragement_modal.gsp is
<div id="encouragementModal" class="modal hide fade">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"
aria-hidden="true">×</button>
<h3>Confirm encouragement?</h3>
</div>
<div class="modal-body">
Do you really want to encourage <b>{{aModel.userName}}</b>?
</div>
<div class="modal-footer">
<button class="btn btn-info"
ng-click="encourage('${createLink(uri: '/encourage/')}',{{aModel.userName}})">
Confirm
</button>
<button class="btn" data-dismiss="modal" aria-hidden="true">Never Mind</button>
</div>
</div>
So, how can I pass userName to encouragementModal?
解决方案 I tried as below.
I called ng-click to angularjs controller on Encourage button,
<tr ng-cloak
ng-repeat="user in result.users">
<td>{{user.userName}}</rd>
<td>
<a class="btn btn-primary span11" ng-click="setUsername({{user.userName}})" href="#encouragementModal" data-toggle="modal">
Encourage
</a>
</td>
</tr>
I set userName of encouragementModal from angularjs controller.
/**
* Encouragement controller for AngularJS
*
* @param $scope
* @param $http
* @param encouragementService
*/
function EncouragementController($scope, $http, encouragementService) {
/**
* set invoice number
*/
$scope.setUsername = function (username) {
$scope.userName = username;
};
}
EncouragementController.$inject = [ '$scope', '$http', 'encouragementService' ];
I provided a place(userName) to get value from angularjs controller on encouragementModal.
<div id="encouragementModal" class="modal hide fade">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"
aria-hidden="true">×</button>
<h3>Confirm encouragement?</h3>
</div>
<div class="modal-body">
Do you really want to encourage <b>{{userName}}</b>?
</div>
<div class="modal-footer">
<button class="btn btn-info"
ng-click="encourage('${createLink(uri: '/encourage/')}',{{userName}})">
Confirm
</button>
<button class="btn" data-dismiss="modal" aria-hidden="true">Never Mind</button>
</div>
</div>
It worked and I saluted myself.
这篇关于如何将参数传递给模态?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
登录
关闭
扫码关注1秒登录
发送“验证码”获取
|
15天全站免登陆