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

Posted 2023-02-23

【中文标题】aurelia组件html属性属性中的多行

【英文标题】：multi-line in aurelia component html attribute property

【发布时间】：2019-07-01 09:09:53

【问题描述】：

这是一个奇怪的问题，关于可能在属性标签内的 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】：

关于破坏：它不应该破坏任何东西。最后，它只是普通的 HTML 属性，只要规范允许，它就可以在 Aurelia 中使用，就像 Aurelia 直接使用 HTML 元素一样。

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