重新定义的变量在 AngularJS 中不绑定

Question

我是 Angular 的新手，我运行在创建一个应用程序时遇到了一个错误，其中单个 AngularJS 绑定在绑定对象时不会更新值变化。

它是应用程序的缩小版，因此它的结构就是这样。这是 HTML:

<div ng-app="userLogin">
  <div ng-controller="loginCtrl">{{currentUser.name}}</div>
</div>

currentUser.name 应该在将值应用于该键时更新。这是假设更新值的 Angular 脚本：

'use strict';

angular.module("userLogin", [
  'userLogin.controllers',
]);

angular.module('userLogin.controllers', []).controller('loginCtrl', ['$scope', function(
    $scope
  ){
      $scope.users = [
      {
        name: 'Fred Jones',
        username: 'fred.jones',
      }];
      var currentUser = {};
      $scope.myFunction = function(){
         currentUser = $scope.users[0];
         console.log(currentUser.name);
      };
      $scope.myFunction();
    }]);

所以你看我有一个名为 'users' 的小数组对象（目前只有一个项目）。然后，我定义了我在 HTML 中绑定的 currentUser 变量。然后，定义 currentUser.name 等于 'Fred Jones'.

的简单函数运行s

但是，当脚本为运行时，页面是空白的。控制台输出 currentUser.name 的正确更新值，但 HTML 绑定没有显示 Fred Jones 它应该显示的值。

我做错了什么？

这是一个代码笔演示：http://codepen.io/anon/pen/JoVBaE

Answer 1

currentUser 不在范围内。必须是 $scope.currentUser =.

重新定义的变量在 AngularJS 中不绑定

Redefined Variable Doesn't Bind in AngularJS

javascript

data-binding

angularjs

angularjs-scope