Popover in ionic not working but runs fine in Codepen - angularjs

Question

I am trying to implement the $ionicPopover but for some reason it won't work in my project. But when I run it in Codepen it does. Anybody can tell me why?
My html code:
<div ng-controller="SettingsCtrl">
<ion-view view-title="Instellingen">
<ion-content >
<div class="padding">
<p class="textContact">Title</p>
<p class="textContact">Title 2</p>
</div>
<div>
<p class="textContact" ng-click="openPopover($event)">Taal</p>
</div>
</ion-content>
<script id="popover.html" type="text/ng-template">
<ion-popover-view>
<ion-content>
<div class="list">
<a class="item">
Lorem Ipsum
</a>
</div>
</ion-content>
</ion-popover-view>
</script>
</ion-view>
</div>
My controller code:
angular.module('ChemicarSettings.controllers', [])
.controller('SettingsCtrl', function($scope, $ionicPopover){
$scope.openPopover = function ($event) {
$ionicPopover.fromTemplateUrl('popover.html', {
scope: $scope
}).then(function(popover) {
$scope.popover = popover;
$scope.popover.show($event);
});
};
})

Answer 1

How about checking the app.js? Did you add the ChemicarSettings.controllers to the angular.module line in the app.js? For instance..
angular.module('ChemicarSettings', ['ionic','ChemicarSettings.controllers'])
Also add "ionic" in the first line of the ChemicarSettings.controllers:
angular.module('ChemicarSettings.controllers', ['ionic'])