How to show return value of a function with Angularjs

Question

I'm trying to use Angularjs. How can I show a result of a function in a view?

I have a HTML like this.

<body ng-controller="fooCtrl">
  <p>a: {{ a }}</p>
  <p>b: {{ b }}</p>
</body>

And javascript for it.

fooApp.controller('fooCtrl', ['$scope', function ($scope) {
  $scope.a = 3;
  $scope.b = function(){
    return 4;
  };
}]);

a is properly shown, but b is blank. What am I doing wrong?

PM 77-1 · Accepted Answer · 2014-06-13 23:51:03Z

16

b is a function object. To get result you need to actually call it.

Try

<p>b: {{ b() }}</p>

answered Jun 13, 2014 at 23:51

PM 77-1

13.4k21 gold badges73 silver badges118 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1