AngularJS - ngModel in nested directives

Simple example for StackOverflow (http://stackoverflow.com/questions/19429958/passing-ng-model-in-nested-directives)

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.1.5/angular.js"></script>
<div ng-app="MyApp" ng-controller="MyCtrl">
    <div>
        <label>Scrivi prima qui, e i due input condivideranno la variabile:</label>
        <input ng-model="obj.prop" type="text" /><br />
    </div>
    <div ng-if="true">
        <label>Scrivi prima qui, e i due input vivranno indipendentemente:</label>
        <input ng-model="obj.prop" type="text" /><br />
    </div>
    <a href="#" ng-click="reset()">Ricarica la demo</a>
</div>

CSS

body {
    padding: 20px;
}

div:after {
    content: "";
    display: table;
    clear: both;
    margin-bottom: 10px;
}

input {
    float: right;
}

JavaScript

angular.module('MyApp', []).controller('MyCtrl', function ($scope) {
    $scope.reset = function() {
        window.location.reload();
    };
});