title: Angular CLI Dropdown-bootstrap
body: <h2>Versions:</h2>
  
  <p><code>//package.json:
  "devDependencies": {
      "angular-cli": "1.0.0-beta.10",
      "bootstrap": "^3.3.6",
      "codelyzer": "0.0.20",
      "ember-cli-inject-live-reload": "1.4.0",
      "font-awesome": "^4.6.3",
      "jasmine-core": "2.4.1",
      "jasmine-spec-reporter": "2.5.0",
      "jquery": "^2.2.4",
      "karma": "0.13.22",
      "karma-chrome-launcher": "0.2.3",
      "karma-jasmine": "0.3.8",
      "node-sass": "^3.8.0",
      "protractor": "3.3.0",
      "rxjs": "^5.0.0-beta.6",
      "ts-node": "0.5.5",
      "tslint": "3.11.0",
      "typescript": "1.8.10",
      "typings": "1.3.1"
    }</code></p>
  
  <h2>Problem</h2>
  
  <p>I'm changing an already existing frontend from angular 2 to angular-cli. All the routing and most of the functions are implemented now, but I fail since a long time to implement a dropdown-Menu which workes just fin in pure angular 2:</p>
  
  <p><strong>HTML:</strong>
  <a href="https://i.stack.imgur.com/2MjJf.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/2MjJf.png" alt="enter image description here"></a></p>
  
  <p><strong>- Result old pure angular2-app</strong></p>
  
  <p><a href="https://i.stack.imgur.com/f5SKe.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/f5SKe.png" alt="enter image description here"></a></p>
  
  <p>Logout opens when I click on Users)</p>
  
  <p><strong>- Result new Angular cli</strong></p>
  
  <p>I click on User and the frontend tries to route me to localhost/# (which I redirected to my default component).</p>
  
  <p><strong>Remarks</strong></p>
  
  <p>I added the old css-Files to the new Project, so that should be updated (nav navbar etc.. are all defined)</p>