0.10.5 check clear value

by vaiism

HTML

<script src="http://code.angularjs.org/angular-0.10.5.min.js" ng:autobind></script>
<script>
function TestController() {
    this.interfaceSettings = {
        staticMessageContent: "",
        staticMessage: true
    };
    
    this.checkboxClicked = function() {
        var scope = this;
        if (!scope.interfaceSettings.staticMessage) {
            scope.interfaceSettings.staticMessageContent = "";
        }
    }
}
</script>

<div ng:controller="TestController">
    <form name="settingsForm">
        <label>Static Message?</label>
        <input type="checkbox" 
               ng:model="interfaceSettings.staticMessage"
               ng:change="checkboxClicked();"
        
        />
        <div class="inputArea">
            <textarea id="staticMessageContent" 
        name="staticMessageContent" 
            ng:model="interfaceSettings.staticMessageContent"></textarea>
        </div>
        Huh 2?
    </form>
    
    <div id="output">
        Static Message? {{interfaceSettings.staticMessage}}
        <p>
            Static Message Content: ["{{interfaceSettings.staticMessageContent}}"]
        </p>
    </div>

</div>

CSS

body {
    font-family:sans-serif;
    font-size:12pt;
    padding:10px;
}

label {
    font-weight: bold;
    margin-right: 10px;
}

textarea {
    width: 80%;
    border: solid 1pt black;
    padding: 5px;
    background-color: #ffffff;
}

textarea[disabled] {
    background-color: #eeeeee;
}

textarea[enabled] {
    background-color: red;
}

div.inputArea {
    margin-top: 10px;
}

#output {
    border: 1pt solid darkgrey;
    width: 80%;
    min-height: 100px;
    background-color: #eeeeee;
    padding: 4px;
}