How to compile html form template to html string

Question

I have a object like this:

$scope.item ={
        fieldName:'First Name',
        fieldModel:'user.firstname',
        placeholder:'enter your name'
    }

and I want to compile this html form template like this:

<script type="text/ng-template" id="input.html">
    <div class="items form-group">
        <label class="col-sm-2 control-label">
            {{item.fieldName}}
        </label>
        <div class="col-sm-10">
            <input type="text" ng-model="{{item.fieldModel}}" placeholder="{{item.placeholder}}" class="form-control">
        </div>
    </div>
</script>

to html string that use pure html design:

<div class="items form-group">
     <label class="col-sm-2 control-label">
         First Name
     </label>
     <div class="col-sm-10">
         <input type="text" ng-model="user.firstname" placeholder="enter your name" class="form-control">
     </div>
</div>

gianlucatursi · Accepted Answer · 2016-08-23 11:33:39Z

1

You can include your template with:

<div id="tpl-content" ng-include src="input.html"></div>

but your template should be:

<script type="text/ng-template" id="input.html">
<div class="items form-group">
    <label class="col-sm-2 control-label">
        {{item.fieldName}}
    </label>
    <div class="col-sm-10">
        <input type="text" ng-model="item.fieldModel" placeholder="{{item.placeholder}}" class="form-control">
    </div>
</div>

answered Aug 23, 2016 at 11:33

gianlucatursi

6905 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Ehsan Ali Over a year ago

You didn't understand my means. I wan to create html generator with angularjs. I want to generate html that copyable like this bootsnipp.com/forms

Collectives™ on Stack Overflow

How to compile html form template to html string

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related