javascript - AngularJS 动态 Assets 标签类似于 Mixture.io - HTML 模板

Question

想知道是否可以在 Angular 中创建动态 Assets 标签，如果可以，如何创建。

背景是这样的:我一直在使用Mixture.io模板并已经习惯了它提供的易用性和灵 active 。我现在正在开发我的第一个 Angular 项目，想知道是否可以在 Angular 中重新创建 Mixture 的“神奇 Assets 标签”功能。这是 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 }}">

注意:这里的 {{ }} 标签是 liquid Mixture 使用的语法，而不是 Angular 语法。

这可能吗？如果是这样，有什么想法吗？

Answer 1

查看custom filter functions 。它们允许您获取输入(在示例中括号内的管道左侧)并返回其修改版本。语法甚至非常接近您习惯使用的语法。