Hola a todos,
Estoy desarrollando con Angularjs2.

Como primera etapa fue en crear por cada modulo o pantalla su propio controller.

Una vez finalizada las pantalla. Como segunda etapa fue en crear un Menu para llamar a las distintas pantallas.

El problema que tengo es que no puedo definir dos <Sripts> por cada controller, por que una de ellas me da un error : angular.js:9778 Error: [ng:areq] Argument 'controllerIngresarStock' is not a function, got undefined

Definir Scripts de esta fomra en mi index.html

<script src="app/js/controllers.js"></script>
<script src="app/js/controllerIngresarStock.js"></script>
<script src="app/js/controllerListadoPedido.js"></script>

Me quedo atento a sus comentarios.

Saludos.

Envio Codigo Completo:

Código HTML :

<!doctype html>
<html lang="en" ng-app="myApp" ng-controller="AppCtrl">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Sistemas de Inventario</title>

    <!-- Bootstrap -->
    <link href="bower_components/bootstrap/less/bootstrap.css" rel="stylesheet">
    <link href="bower_components/css-toggle-switch/dist/toggle-switch.css" rel="stylesheet">
    <link href="bower_components/rangeslider.js/dist/rangeslider.css" rel="stylesheet">
    <link href="css/maverix.css" rel="stylesheet">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>

<div class="sidebar">
    <div class="sidebar-navicontainer">
        <div class="sidebar-headbox">
            <span class="sidebar-header">Pedido</span>
            <a class="sidebar-toggle">Hide</a>
        </div>
        <ul class="nav">

            <li ng-class="{ selected: isActive('/type')}"><a href="#/type"><span class="entypo-behance"></span>
                Typography</a></li>
       
            <li ng-class="{ selected: isActive('/IngresarStock')}"><a href="#/IngresarStock"><span class="entypo-behance"></span>
                Ingresar</a></li>
            
                 <li ng-class="{ selected: isActive('/ListadoPedidos')}"><a href="#/ListadoPedidos"><span class="entypo-behance"></span>
                Listado</a></li>

        </ul>
    </div>

  
</div>


<div class="heading-bar">
    <!--<div class="user-bar">
        Hi, Username | <a href="#">Sign out</a>
    </div>-->
    <span class="heading-one"><img ng-src="{{img}}" width="48"
                                   height="48"> {{title}}</span>


</div>

<div class="content">
    <div class="container-fluid container-maverix" ng-view>
    </div>
</div>

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<!--<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>-->
<script src="bower_components/jquery/dist/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>

<script src="bower_components/rangeslider.js/dist/rangeslider.min.js"></script>
<script src="bower_components/flot/jquery.flot.js"></script>
<script src="bower_components/flot/jquery.flot.pie.js"></script>

<!-- In production use:
<script src="//ajax.googleapis.com/ajax/libs/angularjs/x.x.x/angular.min.js"></script>
-->
<script src="bower_components/angular/angular.js"></script>
<script src="bower_components/angular-route/angular-route.js"></script>
<script src="app/js/app.js"></script>
<script src="app/js/services.js"></script>
<script src="app/js/controllers.js"></script>
<script src="app/js/controllerIngresarStock.js"></script>    
<script src="app/js/controllerListadoPedido.js"></script>    
    
    
    
<script rel="stylesheet" src="blockui-master/jquery.blockUI.js"></script>         
<script src="http://cdn.jsdelivr.net/typeahead.js/0.9.3/typeahead.min.js"></script> 
<script src="app/js/filters.js"></script>
<script src="app/js/directives.js"></script>
<script src="alertify.js-0.3.11/lib/alertify.min.js"></script>   
<link rel="stylesheet" href="css/estilo.css">   
<link rel="stylesheet" href="alertify.js-0.3.11/themes/alertify.core.css" />
<link rel="stylesheet" href="alertify.js-0.3.11/themes/alertify.default.css" />           

<script>
    $(document).ready(function () {
        // Sidebar Toggle Button Initialization
        $(".sidebar-toggle").click(function (event) {
            var $nextUl = $(event.target).parents().eq(1).find("ul.nav");
            if (event.target.innerText === "Show") {
                event.target.innerText = "Hide";
            } else {
                event.target.innerText = "Show";
            }
            $nextUl.slideToggle("fast", "swing");
        });

        $(document).on("focus", function (e) {
            console.log("Focussed");
        });

        $(window).on('focus', function () {
            $("body").removeClass("blur");
        });

        $(window).on('blur', function () {
            $("body").addClass("blur");
        });

        // Rangeslider
        $('input[type="range"]').rangeslider({
            // Feature detection
            polyfill: false
        });
    });
</script>
</body>
</html>



VISTA