0.10.5 negate ng:show

by vaiism

HTML

<script src="http://code.angularjs.org/angular-0.10.5.min.js" ng:autobind></script>
<script>
function TestController() {
    this.interfaceSettings = {
        receiveIsServer: false,
        sendIsServer: false
    };
}
</script>

<div ng:controller="TestController">
    <b>receiveIsServer: </b>{{interfaceSettings.receiveIsServer}}<br/>
    <b>sendIsServer: </b>{{interfaceSettings.sendIsServer}}<br/>
    <hr/>
    <form name="settingsForm">
        <label>receiveIsSender</label>
        <input type="checkbox" ng:model="interfaceSettings.receiveIsServer"/>
    </form>
    
    <div ng:show="interfaceSettings.receiveIsServer">receiveIsServer is true</div>
    <div ng:show="!interfaceSettings.receiveIsServer">receiveIsServer is false</div>
    
        
        
        
</div>

CSS

body {font-family:sans-serif;font-size:12pt;padding:10px; }
.error { color: red; }
input, select {
    margin: 4px;
}
input.ng-invalid, select.ng-invalid, textarea.ng-invalid, input.formElement.ng-invalid {
    border: solid 1pt red;
}
.alert_box {border: solid 1pt red;padding:5px;}
tt {font-size: 10pt;}
#output {background-color: #efefef;padding:5px;border:solid 1pt #ddd;}