title: AngularJs : How to use ng-click to show modal bootstrap
body: <p>I'am new in AngularJs. I try to make multilanguage web using AngularJs, Translator working fine. When i try to put translator result to <code>onClick</code> for executing my function it's not working. My function show Bootstrap modal  and replace modal content with some string than translated. I've write my code on <a href="http://plnkr.co/edit/17700XE28uBppNatt5CH?p=preview&amp;s=Un96C2bsRS9TwHAD:" rel="nofollow">Plunker</a></p>
  
  <p>I hope someone can help me to learn and solved this</p>
  
  <p>Here All mycode, other code in <a href="http://plnkr.co/edit/17700XE28uBppNatt5CH?p=preview&amp;s=Un96C2bsRS9TwHAD:" rel="nofollow">Plunker</a></p>
  
  <pre><code>index.html
  
   &lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;script data-require="jquery@2.1.3" data-semver="2.1.3" src="http://code.jquery.com/jquery-2.1.3.min.js"&gt;&lt;/script&gt;
      &lt;link data-require="bootstrap@3.3.1" data-semver="3.3.1" rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" /&gt;
      &lt;script data-require="bootstrap@3.3.1" data-semver="3.3.1" src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"&gt;&lt;/script&gt;
      &lt;script data-require="angular.js@1.4.0-beta.5" data-semver="1.4.0-beta.5" src="https://code.angularjs.org/1.4.0-beta.5/angular.js"&gt;&lt;/script&gt;
      &lt;script data-require="angular-resource@1.2.14" data-semver="1.2.14" src="http://code.angularjs.org/1.2.14/angular-resource.js"&gt;&lt;/script&gt;
  
      &lt;link rel="stylesheet" href="style.css" /&gt;
      &lt;script src="script.js"&gt;&lt;/script&gt;
      &lt;script&gt;
         function here(f) {
          $.ajax({
                  url: 'post.php',
                  type: "POST",
                  dataType: 'Json',
                  data: {test:'test'},
                  success: function (data, textStatus, jqXHR) {
                          $('#smallModal').modal();
                          $('#contentin').html('Loading..');
                          $('#smallModal').html(f);
  
                  }
              });
         }
      &lt;/script&gt;
        &lt;/head&gt;
        &lt;body ng-app="myApp" ng-controller="myController as vm"&gt;
          &lt;h1&gt;Learn Angular&lt;/h1&gt;
             &lt;div ng-include="'header.html'"&gt;&lt;/div&gt;
          &lt;div ng-include="'content.php'"&gt;&lt;/div&gt;
        &lt;/body&gt;
  
      &lt;/html&gt;
  </code></pre>