Q:

AngularJS Routing is not Binding the Controller

I am trying to create a simple application in AngularJS and for some reason I cannot figure out why my routing is not binding the controller to the template. When I click on my links they take me to the correct path and the code is executed and the template is displayed in the data-ng-view directive. What does not happen is the template is not bound to the networkController? I been trying to figure it out for a while now and I am stuck any help would be appreciated.
Thank You!
Here is all my code;
app.js
'use strict';

var habeoApp = angular.module('habeo', ['ngRoute'])
    .config(function ($routeProvider) {
        $routeProvider.when(
            '/network/:id',
            {
                templateUrl: '/app/templates/networkDetails.html',
                controller: NetworkCntl
            }
        );
    });

function NetworkCntl($scope, $routeParams) {
    $scope.name = "networkController";
    $scope.params = $routeParams;
}

networkListController.js
'use strict';

habeoApp.controller('networkListController',
    function networkListController($scope) {

        $scope.networks = [
            { name: 'Data Network', activeClass: "", url: "#/network/1" },
            { name: 'Voip', activeClass: "", url: "#/network/2" },
            { name: 'Servers', activeClass: "", url: "#/network/3" },
            { name: 'Clients', activeClass: "", url: "#/network/4" }
        ];

        $scope.selectNetwork = function(network) {
            clearSelectedNetwork();
            network.activeClass = "active";
            console.log(network.name);
        };

        var clearSelectedNetwork = function() {
            $.each($scope.networks, function(index, value) {
                value.activeClass = "";
            });
        };
    }
);

networkController.js
'use strict';

habeoApp.controller('networkController', ['$scope', '$routeParams'],
    function networkController($scope, $routeParams) {

        var par = $routeParams;

        $scope.network = {
            availableIps: 200,
            assignedIps: 55,
            totalIps: 255,
            ips: [
                { ipAddress: "10.39.2.7", dns: "sw-lnp-vhdev", requested: "2013/12/04", Owner: "Lukasz Maslanka" },
                { ipAddress: "10.39.3.17", dns: "sw-lnp-vh7", requested: "2013/12/02", Owner: "Tom Bedard" },
                { ipAddress: "10.39.3.19", dns: "sw-lnp-vh10", requested: "2013/12/01", Owner: "Blake Kennedy" },
                { ipAddress: "10.39.4.114", dns: "sw-lnp-vh12", requested: "2013/11/27", Owner: "Terry McKerral" },
                { ipAddress: "10.39.4.171", dns: "sw-lnp-vh21", requested: "2013/11/14", Owner: "Andrew Henry" }
            ]
        };
    }
);

networkDetails.html
<div class="row">
    <div class="col-md-4 info-box-blue">
        <h5 class="">Available IP's</h5>
    </div>
    <div class="col-md-4 info-box-lightblue">
        <h5 class="">Assigned IP's</h5>
    </div>
    <div class="col-md-4 info-box-green">
        <h5 class="">Total IP's</h5>
    </div>
</div>
<div class="row">
    <div class="col-md-4 info-box-blue info-box-footer-padding">
        <h1 class="text-center info-box">{{network.availableIps}}</h1>
    </div>
    <div class="col-md-4 info-box-lightblue info-box-footer-padding">
        <h1 class="text-center info-box">{{network.assignedIps}}</h1>
    </div>
    <div class="col-md-4 info-box-green info-box-footer-padding">
        <h1 class="text-center info-box">{{network.totalIps}}</h1>
    </div>
</div>
<div class="row">
    <button type="button" class="btn btn-primary wide">Request IP</button>
</div>
<div class="row">
    <input type="text" class="form-control wide" placeholder="Search...">
</div>
<div class="row top-margin">
    <table class="table table-striped table-hover">
        <thead>
            <tr>
                <th>IP Address</th>
                <th>DNS</th>
                <th>Requested</th>
                <th>Owner</th>
            </tr>
        </thead>
        <tbody>
            <tr ng-repeat="ip in network.ips">
                <td>{{ip.ipAddress}}</td>
                <td>{{ip.dns}}</td>
                <td>{{ip.requested}}</td>
                <td>{{ip.owner}}</td>
            </tr>
        </tbody>
    </table>
</div>

index.cshtml
<div class="row" data-ng-controller="networkListController">
    <div class="col-md-3">
        <div class="add-vlan-button-container">
            <button type="button" class="btn btn-default add-vlan-button" data-toggle="modal" data-target="#add-new-network-form">Add Network</button>
        </div>
        <div class="">
            <ul class="nav nav-pills nav-stacked">
                <li data-ng-class="network.activeClass" data-ng-repeat="network in networks" data-ng-click="selectNetwork(network)"><a href="{{network.url}}">{{network.name}}</a></li>
            </ul>
        </div>
    </div>
    <div class="col-md-9" data-ng-view>
    </div>
</div>

A:

There is bug in your networkController definition: the array should contain the function (which is the controller) as the last argument, not as a separate third argument.
habeoApp.controller('networkController', ['$scope', '$routeParams',
    function networkController($scope, $routeParams) {

        var par = $routeParams;

        $scope.network = {
            availableIps: 200,
            assignedIps: 55,
            totalIps: 255,
            ips: [
                { ipAddress: "10.39.2.7", dns: "sw-lnp-vhdev", requested: "2013/12/04", Owner: "Lukasz Maslanka" },
                { ipAddress: "10.39.3.17", dns: "sw-lnp-vh7", requested: "2013/12/02", Owner: "Tom Bedard" },
                { ipAddress: "10.39.3.19", dns: "sw-lnp-vh10", requested: "2013/12/01", Owner: "Blake Kennedy" },
                { ipAddress: "10.39.4.114", dns: "sw-lnp-vh12", requested: "2013/11/27", Owner: "Terry McKerral" },
                { ipAddress: "10.39.4.171", dns: "sw-lnp-vh21", requested: "2013/11/14", Owner: "Andrew Henry" }
            ]
        };
    }]
);

I am assuming that you wanted to use the networkController as the controller for networkDetail.html and NetworkCntl is merely a dummy controller you introduced during your debugging.
Working demo: http://plnkr.co/edit/uA59OUGZr1FiiNy5tnTT?p=preview

