AngularJS의 $ scope 변수에있는 텍스트의 글꼴 색상 변경

Question

AngularJS를 사용하고 있습니다. 나는 범위 변수 $scope.TextToUser을 가지고 있는데,이 변수는 웹 사이트에서 사용자에게 보여지기 위해 html 형식으로 인쇄됩니다. 내 컨트롤러에서 코드는 간단하고 다음과 같습니다.

$scope.TextToUser='UserText' 

해당 HTML 페이지에서 코드는 단지 {{TextToUser}}입니다.

컨트롤러에서 다음 코드를 사용하여 텍스트를 빨간색으로 바꿨습니다.

$scope.TextToUser = '<font size="3" color="red"> 'UserText'</font>' 

불행하게도, HTML 페이지에 전체 문자열을 인쇄 한과 빨간색하지 UserText. 어떻게하면 텍스트를 빨간색으로 바꿀 수 있습니까? 간단하고 직선적 인 방법이 선호됩니다.

Answer 1

그럼, 다음은 더 적당하다 :

app = angular.module('<name of your app>', ['ngSanitize']); 

app.controller('<controller name>', function($scope, $interpolate){ 
    $scope.Text = 'Test to User In Red'; 
    $scope.TextToUser = $interpolate('<font size="3" color="red">{{Text}}</font>')($scope); 
}); 

지금 html 바인딩 :

<span ng-bind-html="TextToUser"></span> 

당신은 위생적으로 스크립트를 포함해야합니다. https://code.angularjs.org/1.3.2/angular-sanitize.js

참고 : - $interpolate을 사용해 보았지만 ngSanitize 없이는 unsafe 물건에 대한 오류가 발생합니다.

작업량은 here입니다.