gpt4 book ai didi

javascript - 使用 Angular ,是否有可能以某种方式将带有过滤器的值直接显示为html代码?

转载 作者:行者123 更新时间:2023-12-02 14:26:38 24 4
gpt4 key购买 nike

通常,您直接在 html 代码中使用过滤器,如下所示:

<div ng-repeat="product in products | filter:{ category : 'car' }">

但就我而言,我需要使用过滤器来显示值。像这样的事情:

<p> {{products.length | filter:{category : 'car'} }} Car Product(s) found.</p>

为了获得输出:

找到 8 个汽车产品。(示例)

注意:

我知道如何使用 javascript 来做到这一点,但这不是我想要的。我想知道是否可以直接在我的 html 代码中执行此操作。

最佳答案

您几乎可以在 html 文档中的任何位置使用 {{}} 表示法内的过滤器。

以与往常相同的方式调用它:{{scope_value |您的过滤器}}

以下是直接在 {{}} 表示法中使用过滤器的示例:

<body ng-app="inputExample">
<script>
angular.module('inputExample', [])
.controller('InputController', ['$scope', function($scope) {
$scope.val = 0;
}]).filter('YesNo', function () {
return function (num) {
return num === 0 ? 'Zero' : 'Not Zero';
};
});
</script>
<div ng-controller="InputController">

<label>
Add number or zero
<input type="number" ng-model="val">
</label>
<label> {{val | YesNo}} </label>

</div>
</body>

Here's一个笨蛋

关于javascript - 使用 Angular ,是否有可能以某种方式将带有过滤器的值直接显示为html代码?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38184213/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com