antdesign预览图⽚_预览AntDesign（Ng-Zorro）项⽬
《Angular。。。
回到项⽬，先检查⼀下刚才⽤ ng add 命令添加的 ng-zorro-antd 都做了些什么。这个命令会给项⽬安装⼀个包，就是这个 ng-zorro-antd，这个包⾥提供的东西就是 Ant Design ⾥的⼀些组件还有功能。
命令还修改了⼀下 angular.json 这个⽂件，在这个⽂件⾥引⼊了 Ant Design 提供的⼀些⼩图标资源。
打开 src ⽬录，在添加 ng-zorro-antd 的时候，我选择了要⾃定义主题，所以命令会在这个 styles.less 样式⽂件⾥，⾃动给我们添加了⼀些 less 格式的样式，主要就是⼀些变量的定义。修改这些变量的值，可以改变 Ant Design 的样式。
打开应⽤的根模块，AppModule，在这个模块⾥，导⼊了⼀些 Ant Design 需要的东西。⽐如这个 NgZorroAntdModule，另外还导⼊了⼀些 Angular 框架本⾝的东西。⽐如这个 BrowserAnimationsModule，Ant Design ⾥的动画效果应该会⽤到这个模块。
这⾥还配置了⼀下应⽤的语⾔。
现在界⾯上显⽰的主要内容是 AppComponent 组件的模板⽂件⾥的东西，在这个模板⽂件⾥，⽤到了 Ant Design ⾥的布局组件。
ant安装包
这个组件需要的⼀些⾃定义样式，放在了这个 appponent.css ⽂件⾥了。
在这个 AppRoutingModule 模块⾥配置了⼀下应⽤的路由，⾥⾯定义了两条路由，⼀条是应⽤的根，这是⼀条重定向路由，访问它会把⽤户重定向到 welcome 这个地址。
下⾯定义了这个 welcome 路由，这⾥⽤了⼀个异步路由，访问它的时候，会加载应⽤⾥的 welcome 这个模块。这个模块在
pages，welcome ⽬录的下⾯。
这个模块⾥声明了⼀个 Welcome 组件，组件的视图是这个 welcomeponent.html 。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。