asp.net - 禁用 Durandal 内联样式

Question

Durandal 似乎会自动将以下内联样式添加到包装其数据 View 的 div 元素中:

style="margin-left: 0px; margin-right: 0px; opacity: 1; display: block;"

这种情况发生在使用 Durandal 的 Durandal 和 John Papa Hot Towel ASP.NET SPA 模板中。

此内联样式会覆盖我的外部样式表，因此我需要禁用此行为。我假设这是由其中一个 JavaScript 文件注入(inject)的，但我似乎无法弄清楚在哪里。

有人知道如何防止添加这种内联样式吗？

Answer 1

这是由“入口”过渡(durandal/transitions/entrance.js)设置的。看起来转换的最终终点就是这些值，并且转换完成后它们不会被删除。

您可以通过不使用转换来完全避免这种情况。这将需要几个步骤:

1. 在 main.js 中，修改 app.setRoot() 调用以删除“entrance”参数。这将阻止样式设置添加到 shell 容器
2. 在 shell.html 中，从 compose 绑定(bind)中删除转换设置。这将阻止将样式设置添加到各个 View 中。

另一种可能性是创建您自己的更符合您的 CSS 要求的过渡。