AngularJS ng-include

by vishalvasani

HTML

<div ng-controller="Ctrl">
    <select ng-model="template" ng-options="t.name for t in templates">
     <option value="">(blank)</option>
    </select>
    url of the template: <tt>{{template.url}}</tt>
    <hr/>
    <ng-form name="11Aug10_1__Augtest__form" watch-dirty-state="" dirty-state-form-id="Augtest" dirty-state-layout-name="11Aug10_1" class="ng-pristine ng-valid ng-valid-maxlength ng-valid-required">
                    <div id="Augtest-group-id" class="layout-grp-content row-fluid">
                              <div id="gAugtest_r0" class="row-fluid">
  <div id="Aug10.String_field_r0_c0_Div" class="col-md-12">
<div class="field-container form-group" ng-show="fieldCanBeRead('String_field', 'Aug10')">
<div id="Aug10.String_field_r0_c0-Div">
<label id="Aug10.String_field_r0_c0-Label" alpha-field-history="" record-id="data._id" record-metadata="data._metadata" record-type="Aug10" field-type="String_field" field-metadata="{&quot;dataType&quot;:&quot;String&quot;,&quot;id&quot;:&quot;String_field&quot;,&quot;widgetType&quot;:&quot;String&quot;}" class="input-field-lbl "><div ng-switch="fieldHistoryCanBeRead()"><!----><!----><ng-transclude ng-switch-default=""><span class="input-field-lbl-text" ng-bind="'String field'">String field</span>
</ng-transclude><!----></div></label></div>
<input id="Aug10.String_field_r0_c0" name="Aug10.String_field__197350921" type="text" maxlength="100" alpha-text-input="" event-context="Aug10" event-record-type="Aug10" event-field-type="String_field" ng-model="data['String_field']" ng-model-update-onblur="" read-only-mode="false" class="input-field form-control string-box string-bgd string-font string-pos alpha-text-large ng-pristine ng-untouched ng-valid ng-empty ng-valid-maxlength ng-valid-required"> 

</div>
</div>
<div id="Aug10.Summarized_number_field_r0_c1_Div" class="col-md-6">
<div class="field-container form-group" ng-show="fieldCanBeRead('Summarized_number_field', 'Aug10')">
<div...

CSS

.red { color:red; }

JavaScript

function Ctrl($scope) {
    $scope.templates = [{
        name: 'template1.html',
        url: 'template1.html'},
    {
        name: 'template2.html',
        url: 'template2.html'}];
    $scope.template = $scope.templates[0];

    $scope.myFunction = function() {
        $scope.color = 'red';
    }
}