angularjs - 分離スコープでスコープ パラメーターを設定する方法

Question

カスタム ディレクティブを使用して分離スコープをマスターしたと思っていたのに、この問題にぶつかり、現在 3 時間苦労しています。

ディレクティブの分離スコープが作成されたら、 or関数greeting内で任意のスコープ データ (この場合は ) を設定できると思いました。しかし、コンソール経由で調べたときにスコープに表示されていても、HTML での参照は機能しませんか?controllerlink{{greeting}}greeting

新しい分離されたスコープがディレクティブに割り当てられ、myDirそのスコープで定義されたものは の HTML コンテンツ内でアクセスできると思いました<my-dir>。明らかに理解にズレがあります。

アイデアはありますか？

プランカー：こちら

HTML:

<my-dir>
    Greeting: {{greeting}}
</my-dir>

JS:

var app = angular.module('myApp', []);

app.directive('myDir', function() {

    return {
        restrict: 'EA',
        scope: {},
        controller: ['$scope', function ($scope) {

            $scope.greeting = 'Hello';
            //this.greeting = 'Hello';

        }],
        link: function(scope, element, attrs){

          //scope.greeting = 'Hello';

        }

    };
})