Angularjs modal popup, populate table columns
Coded for this SO question: http://stackoverflow.com/questions/29807422/creating-popup-window-with-form-content-and-then-show-output-in-parent-page-and?
by aman1981
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.0/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.2.0/angular-ui-router.min.js"></script>
<script src="http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.12.1.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<script src="https://code.angularjs.org/1.6.9/angular-sanitize.min.js"></script>
<script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
<div class="form-horizontal">
<div class="row">
<div class="col-xs-12">
<h3 class="page-title pull-left" id="task-title">
Create Set
</h3>
</div>
</div>
<hr />
<div class="row" style="margin-left:-20px">
<form role="form" name="createForm" class="" novalidate ng-submit="createSet(createForm.$valid)">
<div class="form-group">
<label class="col-sm-2 control-label"></label>
<div class="col-sm-6">
<label class="control-label pull-left" style="vertical-align:text-bottom; margin-right:5px">{{setLob}}</label>
<input type="text" name="setName" class="form-control input-medium" ng-model="setName" disabled />
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">Description</label>
<div class="col-sm-4">
<textarea class="form-control textarea-noborder" rows="3" style="resize: none" maxlength="100"></textarea>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">Input Dataset</label>
<div class="col-md-10" ng-class="{ 'has-error': (createForm.inputDataset.$invalid && (createForm.inputDataset.$touched || createForm.$submitted) || !isValidInputDataset) }">
...