javascript - angularjs中的嵌套 Controller

Question

我们对此很陌生。在最终设法让 ui-Bootstrap 与日期控件一起工作之后:-

<div class="col-md-2 box" ng-controller="ResultFilter" >  
<h2>Filter</h2>

    <p class="input-group" ng-controller="DatepickerDemoCtrl">
        <input type="text" class="form-control" datepicker-popup="{{format}}" ng-model="resultfilter.startdate" is-open="opened1" min="minDate" max="'2015-06-22'" datepicker-options="dateOptions" date-disabled="disabled(date, mode)" ng-required="true" close-text="Close" />
        <span class="input-group-btn">
        <button class="btn btn-default" ng-click="open($event, 'opened1')"><i class="glyphicon glyphicon-calendar"></i></button>
        </span>
    </p>
   <p class="input-group" ng-controller="DatepickerDemoCtrl">
        <input type="text" class="form-control" datepicker-popup="{{format}}" ng-model="resultfilter.enddate" is-open="opened2" min="minDate" max="'2015-06-22'" datepicker-options="dateOptions" date-disabled="disabled(date, mode)" ng-required="true" close-text="Close" />
        <span class="input-group-btn">
        <button class="btn btn-default" ng-click="open($event, 'opened2')"><i class="glyphicon glyphicon-calendar"></i></button>
        </span>
    </p>
 <p class="input-group">
    <select class="form-control" ng-model="resultfilter.frequency">
  <option value="Daily">Daily</option>
<option value="Weekly">Weekly</option>
<option value="Monthly">Monthly</option>
<option value="Yearly">Yearly</option>
</select>
      </p>
</div>

我们正在使用以下 Angular 捕获点击

CISApp.controller('ResultFilter', function ResultFilter($scope, $http) {
$scope.updateResults = function () {

 };
});

然而，我们如何获得开始日期的值，因为它在 DatePickerDemoCtrl 的 Controller 中？以下不起作用？

$scope.resultfilter.startdate

任何帮助将不胜感激

Answer 1

ng-controller 创建新范围。您的两个 DatepickerDemoCtrl 都是 ResultFilter 的子范围。在你的情况下，你可以尝试:

$scope.$$childHead.resultfilter.startdate

IMO 不推荐此解决方案，因为它会创建紧密耦合的代码，您假设此 Controller 有一个子作用域，一些更推荐的方法:

• 使用$on, $emit, $broadcast在范围之间进行通信。
• 创建共享服务来保存状态(我认为不适用于您的情况)