如何在没有 ng-repeat 的情况下访问数据
How to access data without an ng-repeat
我有一个用户列表,当您单击一个用户时,会打开一个弹出框。在该弹出框中,我想显示选定的用户名。所以通过之前的 post -> 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对话框(angular material)。在 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;
}])
我有一个用户列表,当您单击一个用户时,会打开一个弹出框。在该弹出框中,我想显示选定的用户名。所以通过之前的 post -> 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对话框(angular material)。在 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;
}])