durandal.js 的小组件 widget

通过在 App / widgets / {your-widget-name} 添加 viewmodel.js 和 view.html 文件来创建小部件

为了利用Durandal的默认小部件支持，我们需要安装插件并以特定的方式组织小部件代码。首先，让我们安装插件。下面是 main.js 的样子

define(["durandal/app"], function (app) {
  app.configurePlugins({ widget: true });

  app.start().then(function () {
    app.setRoot("shell");
  });
});

创建一个 expander 小组件

Your folder structure should now look like this:

app 
  widgets 
    expander 
      viewmodel.js 
      view.html

下面是个例子：
main.js

   app.configurePlugins({
            router: true,
            dialog: true,
            widget: {
                kinds: [
                    "navigation"
                ]
            }
        });

shell.html

<div data-bind="compose: 'sidebar',visible: showNavbar()&&!hiddleAll()"></div>

sidertab.html

这里 data-bind: navigation 是 widget/ {your-widget-name}