Thanks Guys!
I was able to get things going with your solution Jared.
Below is the basic template of what I am using to get real time values:
<ma-point-hierarchy path="[]" hierarchy="rootFolder"></ma-point-hierarchy>
<md-select ng-model="subfolder">
<md-option ng-value="sf1" ng-repeat="sf1 in rootFolder.subfolders">{{sf1.name}}</md-option>
</md-select>
<md-select ng-model="points">
<md-option ng-value="sf2.points" ng-repeat="sf2 in subfolder.subfolders">{{sf2.name}}</md-option>
</md-select>
<ma-calc input="points | filter:{name:'Setpoint'} | first" output="setpoint"></ma-calc>
<ma-get-point-value point-xid={{setpoint.xid}} point="sp"></ma-get-point-value>
<pre ng-if=sp><p>The point name is "{{sp.name}}" and its value is {{sp.renderedValue}}.</p></pre>
This configuration allows me to service many customers using the same style system with one dashboard, which saves a lot of development time.