如何在angularjs中“扩展”html和controller

Question

我想保持菜单html始终显示。 和mapaBase以及它们各自的html和控制器一样。 我想将controladorMapa的功能扩展到inicial和movilpedido状态。

我有一个空白的屏幕

        .state('menu', {
            url: "/menu",
            abstract: true,
            templateUrl: "templates/menu.html"

        })

           .state('menu.mapaBase', {
               url: "/mapaBase",
               abstract: true,
               templateUrl: "templates/mapaBase.html",
               controller: 'controladorMapa'
           })

               .state('menu.mapaBase.inicial', {
                   url: "/inicial",
                   templateUrl: "templates/mapaInicial.html"
                   controller: 'controladorInicial'

                })

               .state('menu.mapaBase.movilPedido', {
                  url: "/movilPedido",
                  templateUrl: "templates/movilPedido.html"
                  controller: 'controladorMovil'
               })

Answer 1

您可以创建一个指令来扩展html和一些功能。 https://docs.angularjs.org/guide/directive

但如果您只是想要一个固定的菜单，那么最好的选择就是为您的应用/网站创建一个模板，而不是在任何地方添加一个组件。