JSFiddle - React, Tailwind, and code Playground

HTML

<style parse-style>.css_class {color: ' + angular_variable + ';}</style>
<span class="css_class">text {{angular_variable}}</span>

JavaScript

var app = angular.module('app', []);

app.directive('parseStyle', function()
{
    return function(scope, elem)
    {
        elem.html(scope.$eval('\'' + elem.html() + '\''));
    };
});

app.controller('ctrl', function($scope)
{
    $scope.angular_variable = 'red';
});