Nested boolean

HTML

<script src="http://code.angularjs.org/angular-0.10.5.min.js" ng:autobind></script>
<script>
function TestController() {
    this.interfaceSettings = {
        testDefault: true,
        messageTypes: []
    };
}
</script>

<div ng:controller="TestController" class="testClass">
    <hr/>
    Object: {{interfaceSettings}}
    <hr/>
    <a href="" ng:click="interfaceSettings.messageTypes.push({referenceName:'', active:true})">Add Message Type</a>
    <hr/>
    <div ng:repeat="messageType in interfaceSettings.messageTypes">
        <b>Name :</b> <input type="text" name="referenceName" ng:model="messageType.referenceName" required/><br/>
        <b>Check:</b> <input type="checkbox" name="active" ng:model="messageType.active" ng:checked="{{messageType.active}}"/>
        <hr/>
    </div>

</div>

CSS

.testClass {
    font-size:small;font-family:sans-serif;
    padding:3px;
}

a {   
    text-decoration: none;
}