NgInclude

by OwenMelbz

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.22/angular.min.js"></script>
<div ng-controller="CarController" ng-app>
    <nav>
        <a href="javascript:void(0);" ng-click="load(1)"> link 1</a>
        <a href="javascript:void(0);" ng-click="load(2)"> link 2</a>
        <a href="javascript:void(0);" ng-click="pageView = pages[2]"> link 3</a>
    </nav>
    
    <div class="view" ng-include="pageView"></div>
</div>

CSS

.view {
    width: 400px;
    height: 300px;
    border: 1px solid red;
}

JavaScript

var CarController = function ($scope) {
    
    $scope.pageView = "page0.html";
    
    $scope.pages = [
        "page1.html",
        "page2.html",
        "page3.html"
    ];
    
    $scope.load = function( id ){
        $scope.pageView = $scope.pages[id-1];
    }
    
};