title: How to give a link to .pdf file in html for angularjs? ng-src
body: <p>This is a Product details in my app.js file.</p>
  
  <pre><code>{
  code:'18471IN-4-CP',
  name:'Symbol Bath and Shower Trim',
  price:22875.95,
  description:'Symbol recessed bath and shower faucet trim with lever handle and diverter button.',
  specification:'These are the new specs from json.',
  canPurchase:true,
  soldOut:false,
  images:[
      {
          full:'BathTub.jpg',
          thumb:'Pipe.jpg'
      },
      {
          full:'Shower Trim1.jpg',
          thumb:'Pipe1.jpg'
      }
  ],
  technicalDetail:'6311W-926.pdf',
  cadDrawing: 'k_6311w_0.dwg'
  },
  </code></pre>
  
  <p>The html code below loads image from img folder as per json var details in app.js</p>
  
  <pre><code>&lt;img ng-src="img/{{product.images[0].thumb}}"&gt;
  </code></pre>
  
  <p><p>How to put link which allows to download pdf (6311W-926.pdf which is in pdf folder) or any other file extension?</p>
  
  <p>Something like ---
   ng-src="pdf/{{product.technicalDetail}}"</p>