HTML文本到Angular中的$ scope属性

Question

控制器

    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 ;  
            }])
    })

模板是HTML文本： 的 dinamic.html

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

index.html：

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

在浏览器中，我看到<p><b> Dinamic Url Text template</b></p>。他不解析HTML标签。 怎么解决？

Answer 1

例如，您可以使用以下解决方案

查看

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

应用

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

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