aurelia组件中的多行html属性属性

时间:2019-02-07 09:31:25

标签: html attributes components aurelia multiline

这是一个很奇怪的问题,可能是在属性标签内的aurelia html文件中嵌入一个字符串,但我想保留制表符和行的格式。

因此,在我的TS文件中,我有以下内容:

this.queryDateStart += "type=EntityOne&dateQueryString=";

        this.queryDateStart += "" +
            "eOr( " +
                "eAnd( " +
                    "eAnd( facetName:isExcluded AND facetValue:No );" +
                    "dAnd( facetName:deadlineDate AND "+ dateRangePredicate  + ");" +
                    "); " +
                "dOr( " +
                    "(facetName:excludedUntilDate AND "+ dateRangePredicate  + ")" +
                ");" +
            ");"

而不是具有以下内容:

  <section as-element="ab-deadlines" data-query="${queryDateStart}"></section>

我实际上想从上面传递文字字符串。 但是要有行距。

会破坏任何东西吗?

例如(今天要尝试)-在我的html文件中,我将放置:

 <section as-element="ab-deadlines"
                                                 data-query="
                                                 eOr(
                                                    eAnd(
                                                        eAnd( facetName:isExcluded AND facetValue:No );
                                                        dAnd( facetName:deadlineDate AND ${dateRangePredicate}  );
                                                    );
                                                    dOr(
                                                        (facetName:excludedUntilDate AND + ${dateRangePredicate}  )
                                                    );
                                                  );"></section>

1 个答案:

答案 0 :(得分:1)

关于破坏:它不应破坏任何东西。最后,它只是普通的HTML属性,只要规范允许,它就可以在Aurelia中使用,因为Aurelia可以直接使用HTML元素。

您可以在此沙盒https://codesandbox.io/s/z20qx0q263

上自己查看