{"action":"created","issue":{"url":"https://api.github.com/repos/mdbootstrap/Angular-Bootstrap-with-Material-Design/issues/32","repository_url":"https://api.github.com/repos/mdbootstrap/Angular-Bootstrap-with-Material-Design","labels_url":"https://api.github.com/repos/mdbootstrap/Angular-Bootstrap-with-Material-Design/issues/32/labels{/name}","comments_url":"https://api.github.com/repos/mdbootstrap/Angular-Bootstrap-with-Material-Design/issues/32/comments","events_url":"https://api.github.com/repos/mdbootstrap/Angular-Bootstrap-with-Material-Design/issues/32/events","html_url":"https://github.com/mdbootstrap/Angular-Bootstrap-with-Material-Design/issues/32","id":276295699,"number":32,"title":"Template parse errors with modals","user":{"login":"danielsogl","id":15234844,"avatar_url":"https://avatars2.githubusercontent.com/u/15234844?v=4","gravatar_id":"","url":"https://api.github.com/users/danielsogl","html_url":"https://github.com/danielsogl","followers_url":"https://api.github.com/users/danielsogl/followers","following_url":"https://api.github.com/users/danielsogl/following{/other_user}","gists_url":"https://api.github.com/users/danielsogl/gists{/gist_id}","starred_url":"https://api.github.com/users/danielsogl/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/danielsogl/subscriptions","organizations_url":"https://api.github.com/users/danielsogl/orgs","repos_url":"https://api.github.com/users/danielsogl/repos","events_url":"https://api.github.com/users/danielsogl/events{/privacy}","received_events_url":"https://api.github.com/users/danielsogl/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":2,"created_at":"2017-11-23T08:31:39Z","updated_at":"2017-11-23T09:01:38Z","closed_at":"2017-11-23T08:38:14Z","author_association":"NONE","body":"Im trying to unit-test my pages using the mdbootstrap modal directive.\r\nIf I run my unites im receiving this error message:\r\n\r\n```\r\nTemplate parse errors:\r\n    There is no directive with \"exportAs\" set to \"mdb-modal\" (\"\r\n\r\n    <!-- Reset password modal -->\r\n    <div mdbModal [ERROR ->]#demoBasic=\"mdb-modal\" class=\"modal fade\" id=\"basicExample\" tabindex=\"-1\" role=\"dialog\" aria-labelled\"): ng:///DynamicTestModule/LoginPageComponent.html@64:14\r\n```\r\n\r\nMy unit-test\r\n```\r\nimport { NO_ERRORS_SCHEMA } from '@angular/core';\r\nimport { async, ComponentFixture, TestBed } from '@angular/core/testing';\r\nimport { RouterTestingModule } from '@angular/router/testing';\r\nimport { MDBBootstrapModule } from 'angular-bootstrap-md';\r\nimport { AngularFireModule } from 'angularfire2';\r\nimport { AngularFireAuth } from 'angularfire2/auth';\r\nimport { AngularFirestore, AngularFirestoreModule } from 'angularfire2/firestore';\r\n\r\nimport { environment } from '../../../environments/environment';\r\nimport { FirebaseAuthService } from '../../services/auth/firebase-auth/firebase-auth.service';\r\nimport { LoginPageComponent } from './login-page.component';\r\n\r\ndescribe('LoginPageComponent', () => {\r\n  let component: LoginPageComponent;\r\n  let fixture: ComponentFixture<LoginPageComponent>;\r\n\r\n  beforeEach(async(() => {\r\n    TestBed.configureTestingModule({\r\n      imports: [\r\n        RouterTestingModule,\r\n        AngularFireModule.initializeApp(environment.firebase)\r\n      ],\r\n      providers: [\r\n        FirebaseAuthService,\r\n        AngularFireAuth,\r\n        { provide: AngularFirestore, depends: AngularFirestoreModule }\r\n      ],\r\n      declarations: [LoginPageComponent],\r\n      schemas: [NO_ERRORS_SCHEMA]\r\n    }).compileComponents();\r\n  }));\r\n\r\n  beforeEach(() => {\r\n    fixture = TestBed.createComponent(LoginPageComponent);\r\n    component = fixture.componentInstance;\r\n    fixture.detectChanges();\r\n  });\r\n\r\n  it('should create', () => {\r\n    expect(component).toBeTruthy();\r\n  });\r\n});\r\n\r\n```\r\n\r\nmy component\r\n```\r\n<!-- Reset password modal -->\r\n<div mdbModal #demoBasic=\"mdb-modal\" class=\"modal fade\" id=\"basicExample\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel\"\r\n  aria\r\n-hidden=\"true\">\r\n  <div class=\"modal-dialog modal-lg\" role=\"document\">\r\n    <div class=\"modal-content\">\r\n      <div class=\"modal-header\">\r\n        <h4 class=\"modal-title w-100\" id=\"myModalLabel\">Passwort zurücksetzen</h4>\r\n        <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"demoBasic.hide()\">\r\n          <span aria-hidden=\"true\">×</span>\r\n        </button>\r\n      </div>\r\n      <div class=\"modal-body\">\r\n        <p>Geben Sie Ihre Email-Adresse an, an welche die Rücksetztmail gesendet werden soll</p>\r\n        <div class=\"md-form\">\r\n          <input mdbActive type=\"text\" id=\"form1\" class=\"form-control\" [(ngModel)]=\"emailReset\">\r\n          <label for=\"form1\" class=\"\">Email Adresse</label>\r\n        </div>\r\n\r\n      </div>\r\n      <div class=\"modal-footer\">\r\n        <button type=\"button\" class=\"btn btn-danger btn-sm waves-light\" data-dismiss=\"modal\" (click)=\"demoBasic.hide()\" mdbRippleRadius>Abbrechen</button>\r\n        <button type=\"button\" class=\"btn btn-primary btn-sm waves-light\" mdbRippleRadius (click)=\"demoBasic.hide(); resetPassword()\">Passwort zurücksetzen</button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n```\r\n\r\nMy Angular CLI Info\r\n```\r\nAngular CLI: 1.5.0\r\nNode: 8.9.1\r\nOS: darwin x64\r\nAngular: 5.0.3\r\n... animations, common, compiler, compiler-cli, core, forms\r\n... http, platform-browser, platform-browser-dynamic, router\r\n... service-worker\r\n\r\n@angular/cli: 1.5.0\r\n@angular-devkit/build-optimizer: 0.0.33\r\n@angular-devkit/core: 0.0.20\r\n@angular-devkit/schematics: 0.0.36\r\n@ngtools/json-schema: 1.1.0\r\n@ngtools/webpack: 1.8.0\r\n@schematics/angular: 0.1.5\r\ntypescript: 2.4.2\r\nwebpack: 3.8.1\r\n```"},"comment":{"url":"https://api.github.com/repos/mdbootstrap/Angular-Bootstrap-with-Material-Design/issues/comments/346561537","html_url":"https://github.com/mdbootstrap/Angular-Bootstrap-with-Material-Design/issues/32#issuecomment-346561537","issue_url":"https://api.github.com/repos/mdbootstrap/Angular-Bootstrap-with-Material-Design/issues/32","id":346561537,"user":{"login":"mdbootstrap","id":20553039,"avatar_url":"https://avatars0.githubusercontent.com/u/20553039?v=4","gravatar_id":"","url":"https://api.github.com/users/mdbootstrap","html_url":"https://github.com/mdbootstrap","followers_url":"https://api.github.com/users/mdbootstrap/followers","following_url":"https://api.github.com/users/mdbootstrap/following{/other_user}","gists_url":"https://api.github.com/users/mdbootstrap/gists{/gist_id}","starred_url":"https://api.github.com/users/mdbootstrap/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mdbootstrap/subscriptions","organizations_url":"https://api.github.com/users/mdbootstrap/orgs","repos_url":"https://api.github.com/users/mdbootstrap/repos","events_url":"https://api.github.com/users/mdbootstrap/events{/privacy}","received_events_url":"https://api.github.com/users/mdbootstrap/received_events","type":"User","site_admin":false},"created_at":"2017-11-23T09:01:38Z","updated_at":"2017-11-23T09:01:38Z","author_association":"OWNER","body":"Dear @danielsogl , \r\nyou should also add it .specs.ts into imports. Please add it and let me know if that works. "}}
{"actor":{"display_login":"mdbootstrap"}}