title: AngularJS routing url remove this "#!"
body: <p>My url is localhost/kaiweb/<strong>#!</strong>/    I want to remove that "#!" or whatever might cause this. Another example localhost/kaiweb/#!/minust  - it stays in between and don't look pretty.</p>
  
  <pre><code>  &lt;li&gt;&lt;a id="mainBtn" href="#!/" ng-class="{activeSmall:part == 'index'}" &gt;Avaleht&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a id="aboutBtn" href="#!/minust" ng-class="{activeSmall:part == 'minust'}"&gt;Minust&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a id="workBtn" href="#!/portfoolio" ng-class="{activeSmall:part == 'portfoolio'}" &gt;Portfoolio&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a id="vouchBtn" href="#!/teenused" ng-class="{activeSmall:part == 'teenused'}" &gt;Teenused&lt;/a&gt;&lt;/li&gt;
  </code></pre>
  
  <p>AngularApp</p>
  
  <pre><code>'use strict';
  
  var app = angular.module('kaidoweb', []).
      config(['$routeProvider', function ($routeProvider) {
        $routeProvider.
          when('/', {
           templateUrl: 'pages/index.html',
           activetab: 'index',
           controller: HomeCtrl 
         }).
          when('/portfoolio', {
            templateUrl: 'pages/works.html',
            controller: PrivacyCtrl,
            activetab: 'portfoolio'
          }).
          when('/minust', {
            templateUrl: 'pages/about.html',
            controller: AboutCtrl,
            activetab: 'minust'
          }).
            when('/teenused', {
            templateUrl: 'pages/teenused.html',
            controller: TeenusedCtrl,
            activetab: 'teenused'
          }).
          otherwise({ redirectTo: '/' });
      }]).run(['$rootScope', '$http', '$browser', '$timeout', "$route", function ($scope, $http, $browser, $timeout, $route) {
  
          $scope.$on("$routeChangeSuccess", function (scope, next, current) {
            $scope.part = $route.current.activetab;
          });
  </code></pre>
  
  <p>I'm guessing it's a simple thing to fix but I'm quite new to angular.</p>