title: JSON as HTML tooltip value - display without brackets / with br
body: <p>I am using my prepared json object in JAVA. I just wanted to display values of object as:</p>
  
  <pre><code>&lt;uib-progress ng-if="month.data" data-toggle="tooltip" title="{{month.dataTest|json}}"&gt;
      &lt;uib-bar stuff&gt;
      &lt;/uib-bar&gt;                                       
  &lt;/uib-progress&gt;
  </code></pre>
  
  <p>As you can see, I implemented |json format to add "br" between values. But still, it looks ugly as my tooltip:</p>
  
  <pre><code>[
   {
    "from":"2017-01-01",
    "to":"2017-02-02"
   },
   {
    "from":"2017-01-01",
    "to":"2017-02-02"
   }
  ]
  </code></pre>
  
  <p>It is possible to delete brackets by using additional code in html?
  Or I have to prepare it in JAVA?</p>