René's URL Explorer Experiment

{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"Modal unknown provider","articleBody":"- [X] I understand that GitHub issues are not for tech support, but for questions specific to this generator, bug reports, and feature requests.\n\n| Item | Version |\n| --- | --- |\n| generator-angular-fullstack | 4.0.4 |\n| Node | 5.4.0 |\n| npm | 3.10.7 |\n| Operating System | cloud9 |\n\n| Item | Answer |\n| --- | --- |\n| Transpiler | Babel |\n| Markup | HTML |\n| CSS | SCSS |\n| Router | ui-router |\n| Client Tests | Mocha |\n| DB | MongoDB |\n| Auth | Y |\n\nI cannot figure out why the Modal service injection is not working. I have added it as a dependency to the app.js and as well have added the dependency to the controller which I would like to use it from. Very desperate to get this working and appreciate anyone who can help me figure this out.\n\n**app.js**\n\n```\nimport _Auth from '../components/auth/auth.module';\nimport account from './account';\nimport admin from './admin';\nimport navbar from '../components/navbar/navbar.component';\nimport footer from '../components/footer/footer.component';\nimport main from './main/main.component';\nimport constants from './app.constants';\nimport util from '../components/util/util.module';\nimport socket from '../components/socket/socket.service';\nimport modal from '../components/modal/modal.service';\n\nimport './app.scss';\n\nangular.module('camdenfirstApp', [ngCookies, ngResource, ngSanitize, 'btford.socket-io', uiRouter,\n    uiBootstrap, modal, _Auth, account, admin, navbar, footer, main, constants, socket, util, 'leaflet-directive'\n  ])\n  .config(routeConfig)\n  .run(function($rootScope, $location, Auth) {\n    'ngInject';\n    // Redirect to login if route requires auth and you're not logged in\n```\n\n**controller trying to use the Modal**\n\n```\nimport angular from 'angular';\nimport uiRouter from 'angular-ui-router';\nimport routing from './main.routes';\n\nexport class MainController {\n  $http;\n  socket;\n  Modal;\n  awesomeThings = [];\n  newThing = '';\n  camden = {autoDiscover:true};\n  locFound = false;\n\n  /*@ngInject*/\n  constructor($http, $scope, socket, Modal) {\n    this.Modal = Modal;\n    this.$http = $http;\n    this.socket = socket;\n\n    $scope.$on('$destroy', function() {\n      socket.unsyncUpdates('thing');\n    });\n\n    $scope.delete = this.Modal.confirm.delete()('asdf');\n\n    $scope.events = { // or just {} //all events\n                        markers:{\n                          enable: [ 'dragend' ]\n                          //logic: 'emit'\n                        }\n                    }\n\n    $scope.camden = {autoDiscover:true};\n\n     $scope.$on('leafletDirectiveMap.locationfound', function(event){\n        $scope.eventDetected = \"ZoomStart\";\n         var instancePosition = {\n                            lat: $scope.camden.lat,\n                            lng: $scope.camden.lng,\n                            focus: true,\n                            message: \"Drag to Flooding Instance\",\n                            draggable: true\n                        };\n\n       $scope.markers = {\n                        instancePosition: angular.copy(instancePosition)\n                      }\n    });\n\n    $scope.$on(\"leafletDirectiveMarker.dragend\", function(event, args){\n                $scope.camden.lat = args.model.lat;\n                $scope.camden.lng = args.model.lng;\n                $scope.markers.instancePosition.lat = args.model.lat;\n                $scope.markers.instancePosition.lng = args.model.lng;\n            });\n\n  }\n\n\n  $onInit() {\n    this.$http.get('/api/things')\n      .then(response =\u003e {\n        this.awesomeThings = response.data;\n        this.socket.syncUpdates('thing', this.awesomeThings);\n      });\n  }\n\n\n  addThing() {\n    if(this.newThing) {\n      this.$http.post('/api/things', {\n        name: this.newThing\n      });\n      this.newThing = '';\n    }\n  }\n\n  deleteThing(thing) {\n    this.$http.delete('/api/things/' + thing._id);\n  }\n}\n\nexport default angular.module('camdenfirstApp.main', [uiRouter])\n  .config(routing)\n  .component('main', {\n    template: require('./main.html'),\n    controller: MainController\n  })\n  .name;\n```\n\nEDIT: if you;d like to see the project itself you can find it here: https://camden-first-hopeworks.c9users.io:8081/\n","author":{"url":"https://github.com/hopeworkscamden","@type":"Person","name":"hopeworkscamden"},"datePublished":"2016-09-20T17:50:30.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":13},"url":"https://github.com/2247/generator-angular-fullstack/issues/2247"}