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 中自己查看