I'm trying to load pages dynamically into a `div` using a `select`

My HTML code :

```
<div ng-app="App"  ng-controller="ProjectCtrl">
   <div>
      <select ng-model="selectedType" class="form-control" ng-change="showContent()" ng-options="type as type.text for type in types"></select>

   </div>

   <div>
        <div ng-include src='getView()'></div>
   </div>
</div>

```

My JS code :

```
$scope.showContent= function() {
        $scope.getView = function() {
           return $scope.selectedType.value ;
        }
}

```

I got this error :

Error: [ng:areq] <http://errors.angularjs.org/1.2.2/ng/areq?p0=Ctrl&p1=not%20a%20function%2C%20got%20undefined>

**P.S:** My views use angularJS too, and the idea is to get my page(View) from the `select`.
"Ctrl" is the control name of the loaded page