HTML text into $scope property in Angular

Question

controller

    define(['angular', 'services','text',
'text!ang/templates/dinamic.html'], function (angular,s,t,template) {
    var _temp = template;


        return angular.module('myApp.controllers', ['myApp.services'])

            .controller('MyCtrl1', ['$scope', 'version', function ($scope, version) {
                $scope.scopedAppVersion =  template ;  
            }])
    })

template is HTML text : dinamic.html

 <p><b> Dinamic Url Text template</b></p>

index.html :

<div ng-controller="MyCtrl1">{{scopedAppVersion}}</div>

In browser i see <p><b> Dinamic Url Text template</b></p> .He don't parse HTML - tags . How to fix ?

Angular has its own template system built in so you probably want to use that instead? — Explosion Pills
– Explosion Pills, Commented Dec 3, 2014 at 19:49

Gleb Vinnikov · Accepted Answer · 2014-12-03 21:33:59Z

2

For example you can use following solution

view

<div ng-controller="MainCtrl" ng-include="templateUrl"></div>

app

app.constant('templateUrl', '1.html')
  .controller('MainCtrl', function($scope, templateUrl, $sce) {
    $scope.templateUrl = $sce.trustAsResourceUrl(templateUrl);
  });

demo http://plnkr.co/edit/Nr9FwN?p=preview

answered Dec 3, 2014 at 21:33

Gleb Vinnikov

4684 silver badges13 bronze badges

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

Collectives™ on Stack Overflow

HTML text into $scope property in Angular

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related