在angularjs中循环到指定的数字

14 浏览
0 Comments

在angularjs中循环到指定的数字

我相信这很简单，但我刚刚开始学习Angular。我有一个property.price变量，它可以是1、2或3。我希望将其显示为£、££或£££。

通过以下方式，我可以显示"Price: 2"：

Price: {{ price = property.price}}

但我有点困惑。

£

0

2 答案

0 Comments

在AngularJS中，有时候我们需要循环一个特定的次数来展示重复的内容。然而，AngularJS本身并没有提供一个内置的循环到一个特定数字的机制。因此，需要通过自定义指令来实现这个功能。

在上面的代码中，我们可以看到一个自定义指令`repeatByInteger`。这个指令可以通过在HTML元素上添加`repeat-by-integer`属性来指定循环的次数。在指令的定义中，我们首先通过`parseInt`函数将`repeatByInteger`属性的值转换为一个整数。然后，我们获取元素的文本内容，并使用一个循环来将文本内容重复添加到元素中。

使用这个自定义指令，我们可以在HTML中像下面这样使用它：

£

上面的代码将会在页面中显示3个`£`符号。

希望这个简单的自定义指令可以帮助你实现循环到一个特定数字的功能。如果你想了解更多关于AngularJS的知识，可以查看官方文档或者参考其他的教程。

0
0 Comments

问题的原因是需要在angularjs中实现循环到指定数字的功能。解决方法是使用ng-repeat指令和自定义过滤器来实现。

首先，在代码中创建了一个fiddle来演示问题的解决方案。在这个fiddle中，定义了两个变量amount和repeatCount，并将它们添加到了作用域中。

代码如下所示：

function Main($scope){
    // number of times to repeat
    $scope.repeatCount = 2;
    $scope.amount = 12.15;
}

接下来，使用自定义过滤器来实现循环到指定数字的功能。过滤器会将指定数量的值添加到数组中。在ng-repeat指令中使用这个过滤器，可以在循环完成后添加指定数量的额外元素。

最后，祝你好运！

0