Содержимое данных Span не отображается при нажатии ng

Question

Проблема, с которой я столкнулся, заключается в том, что когда я пишу этот диапазон, содержащий информацию angular, он не попадает в него. Это html:

<span id="{{item.CarPartName}}" title="{{item.CarPartName}}" ng-click="ChangeColor(item.CarPartName)" class="point" style="background-color:green;top:{{item.CheckOutPosX}}px ; left:{{item.CheckOutPosY}}px ;" rel="popover" data-content='<form id="mainForm" name="mainForm" ><div class="form-group"><label>Description</label><p><input type="text"  name="txtName" class="form-control" /> </p></div></form>' data-placement="top" data-original-title=""></span>

Это JavaScript / JQuery:

$(document).ready(function () {
$('span[rel=popover]').popover({
    html: true
})

});

Заранее спасибо!