How do I execute functions in expressions?

I am pretty new to Angularjs, and I was trying to execute a function with a expression in HTML, but it didn’t work. What do I need to change in my expression?

I tried replacing {{fullName}} with {{fullName()}, but then nothing was in the HTML display.


<div ng-app="appNaming" ng-controller="ctrlNaming">
    <p>Hey guys! My name is {{fullName}}.</p>
    var naming = angular.module('appNaming', []);
    naming.controller('ctrlNaming', function ($scope) {
      $scope.firstName = "Bob";
      $scope.lastName = "Ross";
      $scope.fullName = function () {
        return $scope.firstName + " " + $scope.lastName;


I expected for the HTML to display Bob Ross as the full name, but instead the output was the function, aka `

function () { 
    return $scope.firstName + " " + $scope.lastName; 


Source: New feed