Angular1 - Call Controller Function in View

Calling controller function

by Kushal Jayswal

HTML

<div ng-app="myApp" ng-controller="ctrl">
  <div ng-attr-title="{{courseStatusTitle}}">{{courseStatusTitle}}</div>
</div>

CSS

</style> <!-- Ugly Hack due to jsFiddle issue: http: //goo.gl/BUfGZ --> <link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css"> <script src="http://code.angularjs.org/1.2.2/angular.min.js"></script> <style>

JavaScript

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

function ctrl($scope) {

  $scope.course = {
    "status": "inProgress"
  };
  $scope.setTitle = function(courseStatus) {
    if (courseStatus == "draft") {
      $scope.courseStatusTitle = "bbcd";
    }
    if (courseStatus == "inProgress") {
      $scope.courseStatusTitle = "inProgress";
    }
  }
  $scope.setTitle($scope.course.status);
}