javascript - 如何将 angularjs 过滤器重构为指令?

标签 javascript angularjs

我有一个复杂的过滤器,想将其重构为指令。

让我们举一个简单的例子:

app.filter('tolower', function() {
    return function(input) {
        return input.toLowerCase(); //simple example
    }
});

<div ng-bind-html="'TEST' | tolower"></div>

我如何重构它,以便我可以使用如下指令:

<div tolower="TEST"></div>

最佳答案

app.directive('tolower', function(tolowerFilter) {
    return function(scope, element, attrs) {
        element.html(tolowerFilter(attrs.tolower));
    };
});

关于javascript - 如何将 angularjs 过滤器重构为指令?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32717558/

相关文章:

javascript - 错误 [object BlobConstructor]' 不是 safari 中的构造函数

angularjs - 使用 AngularJS 动态验证和命名表单

javascript - JQuery TableSorter 单击操作没有效果

javascript - SAPUI5 TreeTable 渲染问题

javascript - 请求自动播放音频文件的权限

javascript - Kendo UI : One data source, 两个小部件

javascript - AngularJS:$http.get方法下载pdf文件

javascript - 如何检查 Javascript 对象是否包含数组作为属性值?

javascript - 您如何从 JavaScript API 获取 OAuth token ?

angularjs - Chai spy : AssertionError: expected { Spy }