Curious about the potential for creating dynamic asset tags within Angular and, if so, the method to achieve this.
Here's the backstory: I've been utilizing Mixture.io for templating and have become accustomed to its seamless and adaptable nature. I am now embarking on my maiden Angular project and pondering on whether it is feasible to replicate the functionality of Mixture's "magic asset tag" within Angular. Here is an example of how it appears in Mixture:
//Example returning a full script tag:
{{ "index.js" | asset_url | script_tag }}
//Example returning a full stylesheet tag:
{{ "styles/index.css" | asset_url | stylesheet_tag }}
//Example using a standard stylesheet tag:
<link href="{{ "index.css" | asset_url }}" rel="stylesheet" type="text/css" />
//Example using a standard image tag:
<img src="{{ "example.jpg" | asset_url }}">
note: the {{ }} tags mentioned here are in liquid syntax used by Mixture, not Angular syntax.
Is this achievable within Angular? Any suggestions or thoughts?