JSFiddle - React, Tailwind, and code Playground

by mattography

HTML

<div ng-app="myapp">
  <div ng-controller="mycontroller">
    <div id="settingsholder" ng-controller="mycontroller">
      <input ng-model="user.firstName" />
      <input ng-model="user.lastName" />


      <p>
        Using angular json filter :: {{user | json}}
      </p>
      <p>
        Using Controller function
      </p>

      <input type="button" ng-click="showJson()" value="convert to json " />
      {{jsonStringified}}
    </div>

  </div>
</div>

JavaScript

[ { "album": { "album_type": "single", "artists": [ { "external_urls": { "spotify": "https://open.spotify.com/artist/53XhwfbYqKCa1cC15pYq2q" }, "href": "https://api.spotify.com/v1/artists/53XhwfbYqKCa1cC15pYq2q", "id": "53XhwfbYqKCa1cC15pYq2q", "name": "Imagine Dragons", "type": "artist", "uri": "spotify:artist:53XhwfbYqKCa1cC15pYq2q" } ], "available_markets": [ "CA", "MX", "US" ], "external_urls": { "spotify": "https://open.spotify.com/album/3d74p8E8jFhgKogypxpZAd" }, "href": "https://api.spotify.com/v1/albums/3d74p8E8jFhgKogypxpZAd", "id": "3d74p8E8jFhgKogypxpZAd", "images": [ { "height": 640, "url": "https://i.scdn.co/image/065e207d9c469de85ab24e2afbb922bcf6afc2e7", "width": 640 }, { "height": 300, "url": "https://i.scdn.co/image/6ee470deb5da2581083a55b8726123d938ae8a54", "width": 300 }, { "height": 64, "url": "https://i.scdn.co/image/19a516ac153972be1e1a51068b12459b1b83d5a8", "width": 64 } ], "name": "Believer", "type": "album", "uri": "spotify:album:3d74p8E8jFhgKogypxpZAd" }, "artists": [ { "external_urls": { "spotify": "https://open.spotify.com/artist/53XhwfbYqKCa1cC15pYq2q" }, "href": "https://api.spotify.com/v1/artists/53XhwfbYqKCa1cC15pYq2q", "id": "53XhwfbYqKCa1cC15pYq2q", "name": "Imagine Dragons", "type": "artist", "uri": "spotify:artist:53XhwfbYqKCa1cC15pYq2q" } ], "available_markets": [ "CA", "MX", "US" ], "disc_number": 1, "duration_ms": 203782, "explicit": false, "external_ids": { "isrc": "USUM71700626" }, "external_urls": { "spotify": "https://open.spotify.com/track/05KfyCEE6otdlT1pp2VIjP" }, "href": "https://api.spotify.com/v1/tracks/05KfyCEE6otdlT1pp2VIjP", "id": "05KfyCEE6otdlT1pp2VIjP", "name": "Believer", "popularity": 87, "preview_url": null, "track_number": 1, "type": "track", "uri": "spotify:track:05KfyCEE6otdlT1pp2VIjP" } ]