Question: [here is the image](http://i.stack.imgur.com/eHAoo.png) I want to add a bootstrap **caret** class in my select dropdown menu.

```css
.select_menu{
  font-size: 12px;
  outline: none;
  border: thin #ddd solid;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #F7F7F7;
}
```

```html
<select class="form-control select_menu" style="">
    <option>Click here to select purpose</option>
    <option>Option 1</option>
    <option>Options 2 </option>
</select>
```

I have used bootstrap form-control. How can I add caret to select dropdown menu.

Answer: 
None of the answers worked properly for me. And if it worked, the Angular routing did not work on reload.  

 So this is how I solved it. Angular routing works even on full page reload.

```
function getRoot(request, response) {
   response.sendFile(path.resolve('./public/angular/index.html'));
}

function getUndefined(request, response) {
   response.sendFile(path.resolve('./public/angular/index.html'));
}

// Note the dot at the beginning of the path
app.use(express.static('./public/angular'));

app.get('/', getRoot);
app.get('/*', getUndefined);

```

> 
> **NO angular base-href rewrite is required! Just use `ng build` or `ng build --prod`.**
> 
> 
>
Step 1: In order to get static content, run this command in your angular app directory -

> 
> ng build --prod
> 
> 
> 

Step 2: The first step will create a **dist** folder in your current directory, move all files in the **dist** folder to **public** folder of your node app -

Step 3: Create a node server. App.js -

```
var path = require('path');
var express = require('express');
var cookieParser = require('cookie-parser');
var cookieParser = require('cookie-parser');

const allowedExt = [
    '.js',
    '.ico',
    '.css',
    '.png',
    '.jpg',
    '.woff2',
    '.woff',
    '.ttf',
    '.svg',
];

var app = express();
app.use(cookieParser());

function getAngularApp(request, response) {
  response.sendFile(path.resolve('./public/index.html'));
}

function defaultHandler(request, response) {
  if (allowedExt.filter(ext => req.url.indexOf(ext) > 0).length > 0) {
    response.sendFile(path.resolve(`public/${req.url}`));
  } else {
    response.sendFile(path.resolve('./public/index.html'));
  }
}

app.use(express.json());
app.use(express.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));

app.get('/', getAngularApp);
app.get('/*', defaultHandler);

// error handler
app.use(function(err, req, res, next) {
  // set locals, only providing error in development
  res.locals.message = err.message;
  res.locals.error = req.app.get('env') === 'development' ? err : {};
  // render the error page
  res.status(err.status || 500);
  res.render('error');
});

module.exports = app;

```