1

是否可以在使用 require 加载的淘汰赛组件之间进行动画转换？那么当 state() 发生变化时，组件会淡入/滑入到位吗？

过去我用 fadeVisible 做过类似的事情，但这似乎不适用于 amd/require 和新组件 api。有任何想法吗？谢谢 ：）

登记

// Register knockout components
ko.components.register('breadcrumb', { require: './Modules/Breadcrumb/Breadcrumb' });
ko.components.register('splash', { require: './Modules/Splash/Splash' });
ko.components.register('catalogue', { require: './Modules/Catalogue/Catalogue' });
ko.components.register('requests', { require: './Modules/Requests/Requests' });

用法

   <div id="main">

        <breadcrumb></breadcrumb>

        <!-- ko if: state() === 'home' -->
        <splash></splash>
        <!-- /ko -->

        <!-- ko if: state() === 'catalogue' -->
        <catalogue></catalogue>
        <!-- /ko -->

        <!-- ko if: state() === 'requests' -->
        <requests></requests>
        <!-- /ko -->

   </div>

小提琴：如何在淘汰赛和组件之间应用过渡效果

4

1 回答 1

-2

创建一个自定义绑定，如下例所示：http: //knockoutjs.com/examples/animatedTransitions.html

实际上，文档声明任何控件绑定属性都必须放在组件之外：

因此，如果要使用 if 或 foreach 等控制流绑定，则必须将其包裹在自定义元素周围，而不是直接在自定义元素上使用它

但是，自定义绑定不能在虚拟元素中使用，因此有必要将组件放置在包装内div

http://knockoutjs.com/documentation/component-custom-elements.html

于 2014-09-10T14:50:25.130 回答