如何使用相同的控制器将模型变量从一个指令传递到另一个指令？

Question

假设我有一个控制器A：

app.controller('A', function($scope) {
    $scope.commonvalue = "";
})

app.directive('dir1', function() {
    return {
        restrict: 'E',
        templateUrl: 'template1.html',
        controller: 'A'
    };
});

app.directive('dir2', function() {
    return {
        restrict: 'E',
        templateUrl: 'template2.html',
        controller: 'A'
    };
});

DIR1 template1.html：

<label>Enter value: </label>
<input ng-model="commonvalue"> </input>

DIR2 template2.html：

<p> The value of commonvalue variable is {{ commonvalue }} </p>

我想做的就是从dir1更改commonvalue的值，并在dir2中获取它的值。一种解决方案是在$ rootScope中创建commonvalue变量。但我不想那样做。我只想在A＆＃39; A＆＃39;控制器范围。