Angular - Module

Module with controller, filter, and directive.

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
<div>
<div>
<div class="hdDTReq">Request for Deal Team Management</div>
<div>
<div class="searchOpt"><div><span>Verical</span></div><div><select class="srchDwn"><Option>Please Select Vertical</Option></select></div></div>
<div class="searchOpt"><div><span>Function</span></div><div><select class="srchDwn"><Option>Please Select Function</Option></select></div></div>
<div class="searchOpt"><div><span>Name</span></div><div><select class="srchDwn"><Option>Please Select Name</Option></select></div></div>
<div></div>
</div>
</div>
<div ng-app="appPractLead" ng-controller="controllerPL">
<table id="dtReq">
<thead>
<th>Vertical</th><th>Function</th><th>Name</th><th>E-Mail ID</th><th>Location</th><th></th>
</thead>
<tbody>
<tr><td>{{msg}}</td><td>{{msg}}</td><td>{{item.FirstName}}</td><td>{{item.EMail}}</td><td>{{item.Location}}</td><td></td></tr>
</tbody>
</table>
</div>
</div>

JavaScript

var mainApp = angular.module('appPractLead', [])
$(document).ready(function(){


mainApp.controller('controllerPL', function($scope){
 abc($scope)
})
})
function abc($scope){
 $scope.msg = 'Hello6';
}