Angularjs 中的分层可重用控件

Hierarchical reusable control in Angularjs

我正在学习 angularjs,我对自定义控件的可重用性感到有点困扰。我有一个自定义控件,我想在以下情况下重新使用它:

场景 1:自定义控件有一个控制器,其中包含我想在另一个控制器中使用的范围变量。在这种情况下,我的自定义控制控制器将是子控制器,我将使用以下方法访问我父控制器的范围值:

$scope.$parent.property = value;

场景2:自定义控件需要在页面单独渲染,现在是父控制器。在这里,我将使用默认的 $scope 语法访问范围:

$scope.property = value;

我想在这两种情况下重新使用 control/controller。自定义控件需要能够访问 $scope,我目前正在使用 ng-include 呈现自定义控件,如下所示。我想在另一个控制器中或在页面上单独呈现此控件。

处理这两种情况的最佳方法是什么?

设法使用指令解决了这个问题,我使用适当的绑定将范围变量传递给我的指令。