Today I embarked on the journey of learning AngularJs through online tutorials. Excited about my new project, I started working on creating some useful features using Angular. Here is a snippet of my progress so far:
The HTML Part
<div data-ng-controller="DataGrid_Controller">
<table class="table table-stripped">
<thead>
<tr>
<th data-field="fname"> First Name </th>
<th data-field="lname"> Last Name </th>
<th data-field="email"> Email </th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
The Angular Part
<script type="text/javascript">
var app = angular.module('TestApp',[]);
app.controller('DataGrid_Controller', function($scope){
//var fields = ['fname', 'lname', 'email'];
//How can I retrieve the value of data-field attributes within my Controller for further use?
})
</script>
Can someone guide me on how to access the values of data-attributes from child elements in my controller? Being a beginner in AngularJs, I am open to suggestions and corrections if I am approaching this problem incorrectly. Having experience with jQuery, I see a controller as a similar concept to a plugin. Any help in solving this issue would be greatly appreciated.