角度查找值/显示值

时间:2016-01-18 12:51:04

标签: angularjs

我有一些代码形式的模型数据,例如" US60"和" US70"。

我需要获取该值并显示一个显示值,例如" US 7day / 60hour"和"美国8天/ 70小时"。我不确定在Angular中是否有任何最佳实践方法可以做到这一点,而且我在谷歌搜索时没有太多运气。

我要做的是有一个我在类型和值中传递的服务,它会返回一个显示值,但是和Angular中的很多东西一样,因为这是我的第一个Angular项目,我不知道如果这是一个很好的方式去做。

我只需要使用html中的显示值,例如{{settings.cycle}}我已经能够访问变量,但我想显示显示值,而不是实际值。

1 个答案:

答案 0 :(得分:0)

如果我正确理解你的问题的要点,你有可用的价值,但想改变它在屏幕上的显示方式吗?

使用指令或过滤器在Angular中有两种主要方法。

filter基本上就像是Unix中的管道。您可以在显示之前更改值。例如: { username | uppercase }会将用户名转换为全方位用户名。当然,您可以为您的用例定义自己的过滤器。过滤器主要用于转换单个值。因此,对于您的情况,过滤器听起来最好。

directive通常用于在页面上创建整个组件。例如:<user-profile-card></user-profile-card>将使用该指令转换为适当的html / css / logic。因此,这些通常用于涉及逻辑的较大转换,如服务器请求。这些指令仍可用于非常小的组件。

所以对于你的情况,尽管你真正想做的事情并不是我真的很清楚,过滤器似乎是你最好的镜头;)