我有一个用户列表,当您单击某个用户时,会弹出一个弹出框。在该弹出框中,我要显示所选的用户名。因此,通过上一篇文章-> How to access the username out of a ng-repeat。我能够在控制台中记录所选的用户名,但不会在视图中显示
这是我的代码-> https://gyazo.com/85d9675aff33b40995a3fc67ce97e0da
HTML的一部分:
<!-- START SIDEBAR -->
<div id="logo-wrap">
<img id="logo" src="assets/images/logo2.png" alt="Zazzle Logo" >
</div>
<div id="sidebar" class="md-whiteframe-z4" ng-data-color="">
<div style="height: 80px;"></div>
<div class="userList" id="usrL">
<li id="customLI" ng-repeat="user in users" id="userPos" class="active circular md-whiteframe-z2 disableDoubleClick" style="background-color: {{ user.color }} " ng-click="showPopUpDeletionConfirmation($event, user._id, user.name);" ng-data-id="{{ user._id }}">
<div ng-if="user._id==activeUser" class="wrapperImageCurrentUser" id="marker_active_user"> </div>
<p class="initials" id="userValue" style="top: {{ user.top }};" >
<custom id="user._id"></custom>
{{user.initials}}
<!-- {{user.email}} -->
</p>
<md-tooltip>{{user.name}}</md-tooltip>
</li>
</div>
</div>
<!-- END SIDEBAR -->
弹出框是一个md对话框(角度材质)。我要在confirmDeletion.tmpl.html文件中显示所选的用户名。
<h1 class="customH1"> {{ user.name }} </h1>
我的app.js文件代码的一部分
$scope.showPopUpDeletionConfirmation = function(ev, userId, name) {
$mdDialog.show({
controller: 'DialogDeleteUserController',
templateUrl: 'app/calendar/month/confirmDeletion.tmpl.html',
//parent: angular.element(document.body),
locals: {
userId: userId,
name: name,
},
targetEvent: ev,
hasBackdrop: false,
})
.then(function(result){
if(result) {
$scope.users = _.filter($scope.users, function(user) {
return user._id !== userId;
})
}
});
console.log('!!!!!!!!' , name);
}
从图像中可以看到-> https://gyazo.com/853685162f2aa9e6fed1d2883b54f28f(在列表中选择了最后一个用户)
我正在记录所选名称,但它没有显示
我想我没有用视图正确绑定数据...
最佳答案
.controller('DialogDeleteUserController', ['$scope','name','userId' function ($scope, name, userId) {
$scope.name = name;
$scope.userId= userId;
}])