2014-12-03 37 views
0

控制器$ scope屬性HTML文本在角

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> 

在瀏覽器中ee <p><b> Dinamic Url Text template</b></p>。他不解析HTML標籤。 如何解決?

+0

可能重複:HTTP:// stackoverflow.com/questions/9381926/insert-html-into-view-using-angularjs – ltalhouarne 2014-12-03 19:49:34

+0

Angular有自己的模板系統內置,所以你可能想用它來代替? – 2014-12-03 19:49:53

+0

BelgianMyWaffle:我不符合建議的答案 – 2014-12-03 20:16:55

回答

2

例如,你可以使用下面的解決方案

視圖

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

應用

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

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