Angular JS - Exposing Controller Function outside the module via onClick function call

Exposing Controller Function outside the module via onClick function call For re-using already defined onClick functions

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<link href="http://fonts.googleapis.com/css?family=Satisfy" rel="stylesheet" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<h1><i class="fa fa-comment-o" aria-hidden="true"></i>This is my pretty webfont! </h1>

CSS

h1{
	/* Using the custom font we've included in the HTML tab: */
	font-family: Satisfy, cursive;
	font-weight:normal;
	font-size:24px;
	padding-top: 60px;
  color: #555;
}
.fa-comment-o {
  margin-right: 10px;
  margin-left: 10px;
  color: #0E7424;
}