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>

我们正在使用以下角度

捕获点击

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

 };
});

但是，我们如何得到开始日期的值，因为它在DatePickerDemoCtrl的控制器内？以下不起作用？

$scope.resultfilter.startdate

任何帮助将不胜感激

Answer 1

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

$scope.$$childHead.resultfilter.startdate

这个解决方案不推荐IMO，因为它会创建紧密耦合的代码，你假设这个控制器有一个子范围，一些更推荐的方法：

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

angularjs中的嵌套控制器

1 个答案: