Angular-js

How to get angularjs image title using jQuery?

How to get angularjs image title using jQuery?, someone asked me to explain?

In this attr jQuery example I will show you how to get angularjs image title using jQuery. Normally we are get the title of the image using $('#Selector).attr('Title'). But if you use this for angularjs image you will not get it.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

$(function () {

$("#dialog1").dialog("option", "title", $('#image1').attr('ng-Title'))

});

<img id="image1" data-ng-src="{{slide.Path}}" ng-title="{{slide.AlternateText}}" />
<div id="dialog1" title="Dialog Title" align="center" hidden="hidden">
    <div class="body">
Display image title for dialog popup
        <br />
        <br />
    </div>

</div> 

Here, I displayed the image title on jQuery ui dialog modal popup using jQuery title attribute.

jQuery title image using using $('#Selector).attr('Title').

Post your comments / questions