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

Question

这是一个奇怪的问题，关于可能在 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>

Answer 1

关于破坏：它不应该破坏任何东西。最后，它只是普通的 HTML 属性，只要规范允许，它就可以在 Aurelia 中工作，因为 Aurelia 直接工作，并且很明显地使用 HTML 元素。

你可以在这个沙盒里自己看看https://codesandbox.io/s/z20qx0q263