如何删除id属性运行时angularjs或html中的空格？

Question

此处标签包含id属性，该属性从某个属性文件中获取id文本

<label id="{{Header.text}}"> </label>    

但运行时id将替换为属性文件中包含文本"my header"的文本

<label id="my Header">Hello World!</label>

我试过<label id="{{(Header.text).trim()}}"> </label>，但它不起作用， 问题是id包含word之间的空格，我想在网页上呈现标题时在运行时删除空格。

Answer 1

我认为最好创建一个自定义过滤器并使用正则表达式来替换空白区域。

app.filter('camelize',function() {
    return function(input) {
        if (input) {
            return input.replace(/\s+/g, '');    
        }
    }
});

然后做......

<h1 id="{{Header.text | camelize}}"> </h1>