Status dropdown w/ angular

This is a simple Bootstrap skeleton. You can fork it to get a ready to use Bootstrap fiddle.

by robertjd

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.0.1/bootstrap.min.js"></script>
<script src="http://code.angularjs.org/0.10.6/angular-0.10.6.min.js"></script>
<div>
    <div ng:controller="StatusController">
        <div class="btn-group">
            <a cclass="dropdown-toggle" data-toggle="dropdown">{{status}}</a>
                <ul class="dropdown-menu">
                    <li>
                        <a ng:click="SkypeService.setAvailability('AWAY')" datatoggle="dropdown">Away</a>
                    </li>
                    <li>
                        <a ng:click="SkypeService.setAvailability('ONLINE')">Online</a>
                        <span ng:bind="skype.account.skypename"></span>
                    </li>
                </ul>
        </div>
    </div>
</div>

CSS

@import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css');

.container {
    margin-top: 10px;
}

JavaScript

function StatusController(){
    scope.status="O";
};