0

$scope.mode親で変更するこのディレクティブがあります$scope:

angular.module('Selector', []).directive('mySelector', function() {
  var changeMode;
  changeMode = function(newmode) {
    var $scope;
    $scope = this;
    $scope.mode = newmode;
    $('.menu-open').attr('checked', false);
    return $scope.mode;
  };
  return {
    restrict: 'E',
    scope: {
      mode: '=mode',
      id: '@id'
    },
    replace: true,
    templateUrl: './directives/modeSelector/Selector.tpl.html',
    link: function(scope, element, attrs) {
      scope.changeZoneMode = changeMode;
      return scope.$watch((function() {
        return scope.mode;
      }), function(newMode) {
        return scope.mode = newMode;
      });
    }
  };
});

このディレクティブはmain.htmlと、サブビューをロードするui-viewに含まれています。

 <my-selector mode="current.Mode" id="{{current.ID}}"></my-selector>
 <!-- This binding works and updates properly -->
 {{current.Mode}}

 <!-- Subview container -->
 <div ui-view="sub"></div>

subviewTemplate.html :

<!-- This binding doesn't work! -->
{{current.Mode}}

サブビューには特定のコントローラーがなく、app.jsの設定から、親のコントローラーが使用されます。

.state('app.details', {
  name: 'appDetails',
  url: '/:zoneID',
  views: {
    'appContent': {
      templateUrl: 'main.html',
      controller: 'ctrl'
    }
  }
}).state('app.details.overview', {
  name: 'appDetailsOverview',
  url: '/details',
  views: {
    'appContent': {
      templateUrl: 'main.html',
      controller: 'ctrl'
    },
    'sub': {
      templateUrl: 'subviewTemplate.html',
      controller: 'ctrl'
    }
  }
});

main.htmlとsubviewTemplate.htmlの両方で使用されるコントローラー:

angular.module('myController', ['services']).controller('ctrl', [
  '$scope', 'Data', function($scope, Data) {

    $scope.current = new Data;
    $scope.current.load();

    return $scope.$watch('current.Mode', (function(newValue, oldValue) {
      console.log('Old value is: ' + oldValue);
      $scope.current.Mode = newValue;
      return console.log('new value is: ' + $scope.currentMode);
    }), true);
  }
]);

main.htmlでは正しく更新され、subviewTemplate.htmlでは機能しない理由がわかりません。insideは正しい値を出力します。console.log$watch

何か助けはありますか？ここで何が間違っていますか？

4

1 に答える 1

1

ctrl コントローラーの新しいインスタンスを初期化しています。その行を削除すると、ctrl になる親コントローラーが使用されます。例えば：

'sub': {
    templateUrl: 'subviewTemplate.html'
}
于 2016-04-27T14:08:52.580 に答える