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

debugcn 发表于 Dev

合金

我是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();
    }]);

因此，您看到我有一个名为“用户”的小数组对象（当前仅包含一个项目）。然后，我定义了在HTML中绑定的currentUser变量。然后，运行一个简单的函数，该函数将currentUser.name定义为等于“ Fred Jones”。

但是，运行脚本时，页面为空白。控制台会为currentUser.name吐出正确的更新值，但是HTML绑定没有按原样显示Fred Jones。

我在这里做错了什么？

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

一个更好的奥利弗

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

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。