AngularJS で、*独自のスコープを持つ*カスタム ディレクティブ内から親スコープにアクセスするにはどうすればよいでしょうか? 質問する

ディレクティブ内で「親」スコープにアクセスする方法を探しています。スコープ、transclude、require、上からの変数 (またはスコープ自体) の受け渡しなど、あらゆる組み合わせです。私は全力を尽くしますが、完全にハッキーなものや保守不可能なものは避けたいと思っています。たとえば、$scopepreLink パラメータから を取得し、その$siblingスコープを反復処理して概念的な「親」を見つけることで、今すぐに実行できることはわかっています。

私が本当に望んでいるのは、親スコープで式を実行できるようにすることです$watch。それができれば、ここでやろうとしていることを実現できます。AngularJS - 変数を使用して部分をレンダリングする方法は?

重要な注意点は、ディレクティブは同じ親スコープ内で再利用可能である必要があることです。したがって、デフォルトの動作 (スコープ: false) は機能しません。ディレクティブのインスタンスごとに個別のスコープが必要であり、$watch親スコープ内に存在する変数が必要です。

コードサンプルは 1000 語に相当するため、次のようになります。

app.directive('watchingMyParentScope', function() {
    return {
        require: /* ? */,
        scope: /* ? */,
        transclude: /* ? */,
        controller: /* ? */,
        compile: function(el,attr,trans) {
            // Can I get the $parent from the transclusion function somehow?
            return {
                pre: function($s, $e, $a, parentControl) {
                    // Can I get the $parent from the parent controller?
                    // By setting this.$scope = $scope from within that controller?

                    // Can I get the $parent from the current $scope?

                    // Can I pass the $parent scope in as an attribute and define
                    // it as part of this directive's scope definition?

                    // What don't I understand about how directives work and
                    // how their scope is related to their parent?
                },
                post: function($s, $e, $a, parentControl) {
                    // Has my situation improved by the time the postLink is called?
                }
            }
        }
    };
});