Input and Output (using angular)

Question

I don't understand why it's displaying the function within the input field? Im simply trying to enter a name and display it back to the user.

HTML:

<div ng-app = "mainApp" ng-controller = 
"studentController">

<tr>
<td>Enter full name:</td>
<td><input type = "text" ng-model = 
"student.fullName"></td>
</tr>



<tr>
<td>Name in Upper Case:</td>
<td>{{student.fullName() | uppercase}}</td>
</tr>

</div>

JAVASCRIPT:

var mainApp = angular.module("mainApp", []);

mainApp.controller('studentController', 
function($scope) {

"use strict";

$scope.student = {

fullName: function() {

    var studentObject;
    studentObject = $scope.student;
    return studentObject.fullName;
    }
};
});

Answer 1

Because you are using a function as model for a two ways data binding. Input element will assign a string to fullName when the binding is from view to scope