Question

该项目https://github.com/start-angular/SB-Admin-BS4-Angular-6中布局下的组件是如何生成的？是否有用于生成子组件而非嵌套组件的角度CLI命令。

Answer 1

上面链接中的组件是布局组件的子路径。路由在layout-routing.module.ts中描述例如

emotion.js

为图表路径定义子路径。这些组件将放置在 router-outlet

的位置

import {css} from 'emotion'
import {containerStyle} from '../someFile'

const getContainerStyles = css`
  border-radius: ${containerStyle.borderRadius}
`

export default class SomeClass extends Component {
  render() {
    return(
      <div
        style={getContainerStyles}
      >
      </div>
    )
  }
}

还请注意，布局还具有诸如app-header

之类的子组件

这些组件与其他任何角度组件一样，因此您可以使用ng组件示意图（即ng g c）生成。对于上述场景，需要创建图表组件的顺序（给定特定的布局模块和路由）

{ path: 'charts', loadChildren: './charts/charts.module#ChartsModule' },

在那之后，您必须在图表-routing.module.ts中设置路由，您就可以了

如何在Angular 6中生成子组件

1 个答案: