title: Angular getting Syntax Error: Token ':' is an unexpected token while accessing URLs from JSON
body: <p>I have the following json and I am pulling <code>tweeturl</code> from it </p>
  
  <pre><code>{
    "name": "Lifehacker",
    "handle": "@lifehacker",
    "avatar": "images/lifehacker.png",
    "time": "1h",
    "tweet": "Workflow, the nifty automation app on iOS, just got a heck of a lot easier to use: ",
    "attachments": {
      "media": "image",
      "url": "images/twitter.jpg"
    },
    "tweeturl": "http://lifehac.kr/L18xlfM",
    "interaction": {
      "like": "2m",
      "retweet": "5k"
    }
  }
  </code></pre>
  
  <p>and displaying it like this:</p>
  
  <pre><code>&lt;a href="{{tweets.tweeturl}}" ng-show="{{tweets.tweeturl}}"&gt;{{tweets.tweeturl}}&lt;/a&gt;
  </code></pre>
  
  <p>but everytime it executes I get the URL but also receive errors on console saying</p>
  
  <p><code>Syntax Error: Token ':' is an unexpected token at column 5 of the expression [http://lifehac.kr/L18xlfM] starting at [://lifehac.kr/L18xlfM].</code></p>
  
  <p>I am pretty new to angular any help and explanation will be appreciated</p>