Angular JS get value into another variable

Question

I have $scope.user = {} when I do this <input type="text" ng-model="user.name">the name in the input gets stored into $scope.user how do I get that value into another variable?

var myApp = angular.module('myApp', []);

    myApp.controller('WizardController', ['$scope', function($scope){

      $scope.user = {};
      $scope.displayName = $scope.user{'name'};

    }]);

Answer 1

I think you meant:

$scope.displayName = $scope.user.name

or

$scope.displayName = $scope.user['name']

Also, if you want to display the value of '$scope.user.name' somewhere in your html (which is what I assume you're trying to do) you can do something like this:

<h2>{{user.name}}</h2>

---

EDIT

If you want it to automatically refresh $scope.displayName in your view when you update $scope.user.name you'll need to add this to your controller:

$scope.$watch('user.name', function () {
    $scope.displayName = $scope.user.name;
});

However, there's probably very few good reasons to do it that way.

Fiddle: http://jsfiddle.net/HB7LU/3752/ (Updated from one in comment to include logging).

Answer 2

If you want to put it in another variable you just have to make a new one.

$scope.newName = $scope.user.name;

The content will be put into the newName scope. Is that what you mean?

$scope.displayName = $scope.user{'name'}; I think you want to rewrite it to: $scope.displayName = $scope.user.name or $scope.user['name'];