Question

完成Angular的MobileToolkit指南（https://github.com/angular/mobile-toolkit/blob/master/guides）之后，我想为我的应用程序带来一些额外的组件......就像sidenav一样！

就像教程教我一样，我添加了使用SideNav组件所需的所有代码......

这是我的app.component.ts导入：

这里是指令注册：

添加了外部包（前两个来自上述教程）：

所有导出（再次来自教程）：

完成所有这些后，我执行＆＃34; ng服务＆＃34;命令和.... meh：

经过一番研究，我在网上发现了类似的问题，但大多数都与丢失的角度包（http）或旧的Angular2版本有关。这不是这里的情况，因为我使用的是最新版本和http包就位（在node_modules和dist文件夹中）

如果你想深入挖掘：https://github.com/d0cz/t-tracker/tree/master

Answer 1

昨天我遇到了类似的问题[{1}}，如下所示（见@ angular2-material条目底部）

updating angular-cli-build.js

我希望这会有所帮助

<强>更新

可能是你错过了

/* global require, module */

var Angular2App = require('angular-cli/lib/broccoli/angular2-app');

module.exports = function(defaults) {
  return new Angular2App(defaults, {
    vendorNpmFiles: [
      'systemjs/dist/system-polyfills.js',
      'systemjs/dist/system.src.js',
      'zone.js/dist/*.js',
      'es6-shim/es6-shim.js',
      'reflect-metadata/*.js',
      'rxjs/**/*.js',
      '@angular/**/*.js',
      '@angular2-material/**/*.js'
    ]
  });
};

在system-config.js

中

更新2 - 打开sidenav

这是我用来打开sidenav的代码

  '@angular2-material/core': {
    format: 'cjs',
    defaultExtension: 'js',
    main: 'core.js'
  }

请注意，单击该按钮会触发sidenav的toggle（）方法。这是我在angular2-material https://github.com/jelbourn/material2-app

上找到的演示

在Progressive Web App（Angular2）上发布导入Material的sidenav

1 个答案: