是否可以使用Javascript将自定义过滤器应用于元素？

Question

我正在从元数据中生成一系列HTML元素，并且我想知道是否有一种方法可以对这些元素应用自定义过滤器。在此示例中，它是一个输入元素：

var elem = document.createElement('input');
elem.id = "input1";
elem.setAttribute('ng-model', 'results.val');
elem.innerHTML = '{{ ' + results.val + ' | currency }}';

然后在代码后面，它将被编译：

$compile(elem)(scope)

使用此方案，当results.val为50时，输入元素在页面上仅显示50。但是，如果我在浏览器控制台中查看该元素，则会看到应用了过滤器：

<input id='input1'>$50.00</input>

我觉得自己步入正轨，但是我配置错误。假设有可能，谁能看到我要去哪里错了？

以下是用于生成元素的元数据的示例：

[{
    field: "ExampleOne",
    datatype: "enum",
    type: "select",
    description: "exampleOneType",
    format: "",
    enum: [
        0: "option1"
        1: "option2"
        2: "option3"
    ]
},
{
    field: "ExampleTwo",
    datatype: "input",
    type: "text",
    description: "exampleTwoType",
    format: "$"
}]