Javascript 角度控制器中的$scope变量未在HTML中显示
我试图在单击时将单击的用户显示在聊天窗口中。但这个值在聊天窗口中永远不会更新,即使我在控制台中看到它 控制器代码片段-Javascript 角度控制器中的$scope变量未在HTML中显示,javascript,html,angularjs,Javascript,Html,Angularjs,我试图在单击时将单击的用户显示在聊天窗口中。但这个值在聊天窗口中永远不会更新,即使我在控制台中看到它 控制器代码片段- $(document).on('click', '.chatwin', function (e) { $scope.clicked_user = $(e.target).text(); console.log("USER "+ $scope.clicked_user); $('#chat_window_1').show
$(document).on('click', '.chatwin', function (e)
{
$scope.clicked_user = $(e.target).text();
console.log("USER "+ $scope.clicked_user);
$('#chat_window_1').show();
});
HTML代码
<div class="popup-head">
<div class="popup-head-left pull-left" ><img src="assets/images/AshaLogo.jpg" alt="User Image" >{{clicked_user}}</div>
<div class="popup-head-right pull-right" style="text-align: right;"><div id="circle_green"></div></div>
</div>
试着这样做:
$scope.$apply(function () {
$scope.clicked_user = $(e.target).text();
});
$scope.$apply
调用摘要
并通知angular某些内容已更改。添加$scope。$apply();如下图所示,完成了该操作
$scope.clicked_user=[];
$(document).on('click', '.chatwin', function (e) {
//$(this).parent().parent().parent().parent().remove();
$scope.clicked_user= $(e.target).text();
$scope.$apply();
console.log("USER "+ $scope.clicked_user);
$('#chat_window_1').show();
});
我甚至会考虑在没有延迟参数的<代码> $TimeOut/<代码>回调函数中包装它,它将在当前摘要完成后执行,避免在进行摘要时调用Apple。
$scope.clicked_user=[];
$(document).on('click', '.chatwin', function (e) {
//$(this).parent().parent().parent().parent().remove();
$scope.clicked_user= $(e.target).text();
$scope.$apply();
console.log("USER "+ $scope.clicked_user);
$('#chat_window_1').show();
});