角度：具有關注點分離的控制器-指令交互

Question

我有一個AngularJS模塊，該模塊定義了一個不錯的指令，可以通過scr="filename"屬性顯示WebGL場景。 效果很好，並且（在這里和那里被剪切）看起來大致是這樣的：

angular.module('ThreeViewer', [])
.directive('three', ['$http', function ($http) {
  return {
    link: function (scope, element, attr) {
      scope.renderer = new SceneRenderer(element[0])
      $http.get(attr.src)
      .success(function (json) {
        var loader = new THREE.ObjectLoader()
        var scene = loader.parse(json)
        this.scene = scene
        this.renderer.setScene(scene)
      }.bind(scope))
    },
    restrict: 'AC',
    scope: {
      src: '='
    }
  }
}])

因此，它要做的就是加載場景，將其保存到合並范圍，然后將其傳遞給渲染器。 這可行。

現在，我想創建一個控制器，以便用戶可以與數據進行交互，例如旋轉對象。 我的問題是，在遵循關注點分離的Angular范式的同時，該如何處理？ 據我了解，在Angular中，控制器應該能夠在沒有指令的情況下工作，反之亦然-彼此之間不了解任何東西。 這是否意味着控制器無法直接修改scope.scene對象？ 那怎么辦呢？

就像猜測一樣，控制器是否應該在不知道旋轉的情況下只是“旋轉”？ 指令應該如何處理呢？

或者，控制器編輯scope.scene是否完美？ 然后我的問題是如何使它脫離孤立狀態？

Answer 1

我將把場景邏輯（包括加載/解析）放到一個自己的service （或多個，一個用於json解析，一個用於旋轉等）。 我認為conroller將scene對象傳遞給service沒有問題，它不應只包含特定的邏輯，因為它的作用只是在包含邏輯的service和view之間進行調解。

為了進行范圍界定，我將實例化帶有controller和controllerAs參數的指令的SceneController （例如），並將場景附加到該controller 。 這樣， SceneController是為scene提供豐富視圖和控件的特定controller 。