I am using angular, and added bootstrap-toggle using bower. I also included the appropriate css, and js files in my index.html. In my resource file, I need to create a toggle switch. I include the following line: 

```
<div>
 <input type="checkbox" checked data-toggle="toggle">
</div>

```

I don't want to add this line using javascript. It is showing up as a checkbox rather than a toggle. Is there something that I am missing? 
[css link snapshopt](https://i.stack.imgur.com/aJZ58.png)
[js links snapshot](https://i.stack.imgur.com/bYweL.png)