Javascript 为什么绑定不能在angular js中工作？

尽管console.log正在工作，但它正在控制台中打印用户名，但用户名中没有更新。为什么用户名没有更新

---

{{username}}

确保您的div位于ng控制器div内

<div class="container" ng-controller="myController">
                    <h3 class="content-box-header">
                        {{username}}
                    </h3>

{{username}}

修复键入控制器名称的错误。菌核菌

   <div class="container" ng-controller="myController">
      <div class="popover-content" ng-click="updateHeader('jack')">
         <h3 class="content-box-header">
           {{username}}
        </h3>
       </div>
    </div>

---

“popover content”div是否在具有ng控制器的“container”div中？？？在ng控制器内，它可以工作。但是为什么它以前不工作。ng-init用于设置默认值。它必须调用函数，但为什么它不设置用户名

<div class="container" ng-controller="myController">
                    <h3 class="content-box-header">
                        {{username}}
                    </h3>

   <div class="container" ng-controller="myController">
      <div class="popover-content" ng-click="updateHeader('jack')">
         <h3 class="content-box-header">
           {{username}}
        </h3>
       </div>
    </div>

var app = angular.module('myApp', []);
app.controller('myController', function($scope, $http) {

$scope.username = "";
$scope.updateHeader = function(username) {

 var url = "api?user="+ username;
 $http.get(url)

 .then(function(response) {
   $scope.username = response.data.plugUser;
   console.log($scope.username);
   $scope.scrollableChatItems = response.data.msg;

       });
   };

};