Javascript AngularJS控制器相互混淆

Javascript AngularJS控制器相互混淆,javascript,html,angularjs,angularjs-scope,Javascript,Html,Angularjs,Angularjs Scope,我正在通过AngularJS构建一个单页应用程序,我的所有控制器一个接一个地工作正常,但当我将它们并排放在选项卡中时,问题就开始了 首先,这是我的账单 <div class="tab-content"> <div id="plan" ng-include="'plan.html'" ng-controller="dailyController" class="tab-pane fade in active"></div> <div id="pro

我正在通过AngularJS构建一个单页应用程序,我的所有控制器一个接一个地工作正常,但当我将它们并排放在选项卡中时,问题就开始了

首先,这是我的账单

<div class="tab-content">
  <div id="plan" ng-include="'plan.html'" ng-controller="dailyController" class="tab-pane fade in active"></div>
  <div id="program" ng-include="'program.html'" ng-controller="programController" class="tab-pane fade"></div>
  <div id="secreter" ng-include="'secreter.html'" ng-controller="secreterController" class="tab-pane fade"></div>
  <div id="responsibility" ng-include="'responsibility_lists.html'" ng-controller="responsiblityCtrl" class="tab-pane fade"></div>
  <div id="appointment" ng-include="'appointment.html'" ng-controller="appointmentCtrl" class="tab-pane fade"></div>
  <div id="dayoff" ng-include="'dayoff.html'" ng-controller="dayOffCtrl" class="tab-pane fade"></div>
  <div id="message" ng-include="'message.html'" ng-controller="messageCtrl" class="tab-pane fade"></div>
  <div id="pre_record_admin" ng-include src="'pre_record_admin.html'" class="tab-pane fade"></div>
  <div id="settings" ng-include="'settings.html'" ng-controller="settingsController" class="tab-pane fade"></div>
</div>
用this而不是$scope改变了变量和函数的declarion,当然还有我的html

<input class="form-control pull-left" style="width:90%" type="date" ng-model="program.selectedDate" ng-change="program.dateChangeProgram(program.selectedDate);"></input>
秘密控制器声明

.controller('programController', function($scope,$q,$window,$log,$http,$filter,$parse,$document) {
  var vm = this;
  vm.days=[];
  vm.students=[];
//Functions and variables...
.controller('secreterController', function($scope,$q,$window,$log,$http,$filter,$parse,$document) {
    $scope.days=[];
    $scope.students=[];
//Functions and variables...

外部div(
)是否由任何其他控制器管理?不要使用
ng控制器
,使用引用其自身的组件controller@lealceldeiro任何父元素或html页面都不是由任何controllers@Daniel_L你的意思是我应该在目标html页面中定义控制器吗?@SuatKarabacak
<input class="form-control pull-left" style="width:90%" type="date" ng-model="program.selectedDate" ng-change="program.dateChangeProgram(program.selectedDate);"></input>
.controller('programController', function($scope,$q,$window,$log,$http,$filter,$parse,$document) {
  var vm = this;
  vm.days=[];
  vm.students=[];
//Functions and variables...
.controller('secreterController', function($scope,$q,$window,$log,$http,$filter,$parse,$document) {
    $scope.days=[];
    $scope.students=[];
//Functions and variables...