我正在从元数据中生成一系列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: "$"
}]