AngularJS动态资产标签类似于Mixture.io - HTML模板

时间:2014-05-08 16:51:03

标签: javascript angularjs angular-template

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

以下是背景:我一直在使用Mixture.io进行模板化,并且已经习惯了它提供的轻松和灵活性。我现在正在研究我的第一个Angular项目,并想知道是否有可能在Angular中重新创建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 }}">

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

这可能吗?如果是这样,想法?

1 个答案:

答案 0 :(得分:0)

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