Decode JSON HTML data to display in AngularJs
<p>I have JSON data in which there are some HTML tags as well. When I'm trying to show that data in a browser it also prints the HTML tags as it is without converting them to what they are supposed to show. See my code below.</p>

<p>My JSON data (ibmndata.php I'm converting PHP data to JSON):</p>

<pre><code>[
   {
    "title": "&lt;span class='data'&gt;Lectures&lt;/span&gt;",
    "content" : "lectures.jpg"
      },
      {
    "title": "&lt;span class='data'&gt;Case Study Analysis&lt;/span&gt;",
    "content" : "case-study.jpg"
      },
      {
    "title": "&lt;span class='data'&gt;Industry Analysis Projects&lt;/span&gt;",
    "content" : "industry-a.jpg"
      },{
    "title": "&lt;span class='data'&gt;Summer Internship Projects&lt;/span&gt;",
    "content" : "summer-internship.jpg"
      }
]
</code></pre>

<p>My Angular data</p>

<p>Model (here I have included 'ngSanitize' package as I found in some other example)</p>

<pre><code>var app = angular.module('ibmnApp', ['ngAnimate', 'ngRoute', 'ngSanitize', 'ui.bootstrap']);
</code></pre>

<p>Controller</p>

<pre><code>app.controller('ibmnController', ['$scope', '$http', function($scope, $http)
{
    $http.get('ibmndata.php').success(function(data)
    {
        $scope.ibmnlist = data;
    });
}]);
</code></pre>

<p>HTML part</p>

<pre><code>&lt;div class="col-md-9" ng-controller="ibmnController"&gt;
   &lt;div class="col-md-9" ng-repeat="item in ibmnlist"&gt;
      &lt;p&gt;{{item.title}}&lt;/p&gt;
      &lt;p ng-bind-html="item"&gt;{{item.content}}&lt;/p&gt;
   &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>I found a similar problem on web but its solution is not working for me. Please tell me what could be the problem in my code or suggest me a way to do this in AngularJs. Thanks.</p>