AngularJS Live Example

HTML

<div ng:app>
    <h3>Instructions</h3>
    <p>Change B), and see "hello" change in all three places. Then change A). Now try B) again. Binding broke!</p>
    
    <form name="myForm" ng-controller="Ctrl">
        <p>
            <span>A) Inputs inside switch:</span>
            <span data-ng-switch="show">
                <input data-ng-switch-when="true" type="text" data-ng-model="theField" />
            </span>
        </p>

        <p>
            <span>B) Inputs outside of switch:</span>
            <input type="text" data-ng-model="theField" />
        </p>

        <p>Values: {{theField}}</p>
    </form>
    
    <p><small>(The original jsFiddle shown in <a href="http://www.youtube.com/watch?v=ZhfUv0spHCY&feature=youtu.be&t=30m">the famous "if you're not using dot you're doing it wrong" video</a> was broken so this is just an updated fork)</small></p>
</div>

JavaScript

function Ctrl($scope) {
    $scope.show = true;
    $scope.theField = 'hello';
}