title: calling modal once text is clicked:Angularjs
body: <p>I want to show following modal once user click the text. I don't know why it is not working.</p>
  
  <pre><code>&lt;span ng-model="nonrelevantData" style="cursor: pointer;
  text-decoration: underline;"&gt;&lt;b&gt;non-relevant data&lt;/b&gt;&lt;/span&gt;
  &lt;script type="text/ng-template" id="bs-example-modal-sm"&gt;
  &lt;div class="modal-body"&gt;
          ...
  &lt;/div&gt;
  &lt;div class="modal-footer"&gt;
        ...
  &lt;/div&gt;                                        
  &lt;/script&gt;
  </code></pre>
  
  <p>in js</p>
  
  <pre><code>$scope.$watch('nonrelevantData', function () {
      $modal({
          template: 'bs-example-modal-sm',
          scope:$scope.$new()
      });
  }, true);
  </code></pre>