i am trying to Append spans in a div. Below is my div code

```
<div 
    id="paragraph" 
    class="paragraph"
    name="paragraph">
</div>

```

This is code i am implementing in my Controller

```
$scope.style_Text = {color:'#F00'};

for(var i = 0; i< $scope.paragraph.length; i++)
{
    var span = "<span ng-style='style_Text' id='c"+i+"'>"+$scope.paragraph[i]+"</span>";
    $( ".paragraph" ).append($(span));
    console.log(span);

}

```

Spans are added in the div, but style is not applied. When i copy the span from console and place it above div. This span is working fine. Style is applied on it.

I have tried putting **style='color:red;'** instead of ng-style, It also works.

Please help how to use ng-style here. Thank