Page 471 - AngularJS权威教程
P. 471

34.7  Yeoman   451


                  最后在HTML中还需要在引入app.js之前引入这些服务。                                                      19
                  此外,Angular生成器还自带了一些有用的生成器,让构建Angular应用的过程变得更容易。

                                                                                                     20
              34.7.3  创建路由

                  要创建一个包含控制器的路由以适应控制器测试,在HTML中引入<script>标签并为路由创                                      21
              建视图,需要在终端中运行以下命令,如图34-5所示。
                                                                                                     22
                  $ yo angular:route home

                                                                                                     23



                                                                                                     24


                                                                                                     25


                                                                                                     26


                                                                                                     27
                                              图34-5  创建一个新路由

              34.7.4  创建控制器                                                                          28


                  为了创建一个简单的控制器以适应测试,可以在终端中使用生成器:
                                                                                                     29
                  $ yo angular:controller user

                                                                                                     30
              34.7.5  创建自定义指令

                  为了创建指令适应测试,还可以使用如下命令创建指令:                                                          31

                  $ yo angular:directive tabPanel
                                                                                                     32
              34.7.6  创建自定义过滤器

                  还可以在应用中创建自定义过滤器以适应测试。为了做到这一点,可以使用如下生成器:                                            33

                  $ yo angular:filter capitalize
                                                                                                     34
              34.7.7  创建视图
                                                                                                     35
                  为了生成一个简单的视图,也可以使用Angular生成器命令:
                  $ yo angular:view dashboard                                                        36
   466   467   468   469   470   471   472   473   474   475   476