How to export Angular HTML template with Angular function

Question

I want to create a angular form generator. I have template like this:

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

and when user add this template that generate Angular html code like this:

    <div class="items form-group">
        <label class="col-sm-2 control-label">
            {{item.title}}
        </label>
        <div class="col-sm-10">
            <textarea ng-model="task.title" placeholder="{{item.placeholder}}" class="form-control"></textarea>
        </div>
    </div>

With this example my template code rendered but I don't want render it and just show angular html code. If you have any suggestion, please change this code.

Example Code

kwoktung · Accepted Answer · 2016-08-04 07:47:56Z

1

you can use ng-bind instead of ng-include;

example:

**in app.js.**

app.run(['$injector', function($injector) {
  var rootScope = $injector.get('$rootScope');

  rootScope.tpl = '<h1 style="color:green;">This is the page content</h1>';
}])

**in index.js**

<span ng-bind='tpl'></span>

answered Aug 4, 2016 at 7:47

kwoktung

6221 gold badge5 silver badges12 bronze badges

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

2 Comments

Ehsan Ali Over a year ago

How to assign template to $injector. I have many template that include with name of this and can't put in app.run(....).

kwoktung Over a year ago

you can use $templateCache service to obtain template which is the content of script directive

Vikash Kumar · Accepted Answer · 2016-08-04 07:17:20Z

0

If you use normal tags it will render but if you don't want to render it then you can use

replace < by &lt; and > by &gt;

answered Aug 4, 2016 at 7:17

Vikash Kumar

1,7161 gold badge12 silver badges17 bronze badges

Collectives™ on Stack Overflow

How to export Angular HTML template with Angular function

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related