Angular-styleguide: 컨트롤러를 구문으로 사용하는 $scope.watch

당신이 좋아한다면 PR

controller as 와 함께 $scope.$watch controller as 를 사용하는 문제에 대해 작성해야 합니까 아니면 다음과 같은 함수 표기법을 도입해야 한다고 생각하십니까?

$scope.$watch(function () {
    return vm.title;
}, function(current, original) {
    $log.info('vm.title was %s', original);
    $log.info('vm.title is now %s', current);
});

이전 예를 대체하거나 둘 다 비교해야 합니까?

귀하의 구조를 이해한다면 둘 다 비교하고 귀하의 피하고 권장되는 구문을 사용할 것입니다.

브르르 컨트롤러 내부에서 안티 패턴을 관찰합니다. 어쨌든 이 예제에서는 실제로 필요하지 않습니다. 변경 이벤트 바인딩을 추가하는 것이 더 나을 것입니다(그리고 그것이 Ng2에서 할 일이라고 믿습니다).

나는 이 토론을 "ControllerAs"의 하위 섹션으로 하고 싶습니다. 이 섹션은 사람들에게 컨트롤러 내부를 보지 않도록 촉구하는 것으로 시작합니다. 그런 다음 "필요하다면" @Jandalf 버전을 사용하고 'vm.title' 표현식을 평가할 때의 위험에 대해 크게

이 미리보기에 대해 어떻게 생각하세요?

컨트롤러와 $watch

[Style Y999 ] // 다음 빈 번호는 무엇입니까?

참고: 다이제스트 주기에 더 많은 로드를 추가하므로 주의해서 시계를 만드십시오. 대신 ngChange 사용하십시오.

• $scope.$watch 의 함수 표기법을 사용하여 변경 사항 확인

_왜?_: 컨트롤러가 vm 다음 다른 값에 바인딩될 수 있음

따라서 값을 실제로 관찰해야 하는 경우 다음 패턴을 사용하세요.

  <input ng-model="vm.title"/>

  function SomeController($scope, $log) {
      var vm = this;

      $scope.$watch(function () {
          return vm.title;
      }, function(current, original) {
          $log.info('vm.title was %s', original);
          $log.info('vm.title is now %s', current);
      });
  }

흠

컨트롤러에서 시청하는 것은 피해야 합니다. 대신 ngChange를 사용하십시오. 또는 시계를 지시문으로 이동합니다. 생각?

그런 다음 내가 가지고 있는 것을 대체하거나 업데이트하는 controllerAs와 함께 watch를 사용하는 방법에 대한 새로운 규칙입니다.

동의해, 존.

컨트롤러의 감시를 피해야 하고 변경 이벤트를 수신하거나 지시문을 작성하는 것이 선호되는지 여부는 충분히 명확하지 않습니다. 이 조언에도 "이유"가 있어야 합니다(컨트롤러의 시계가 나쁜 이유)

그것을 하는 방법에 대한 조언은 _꼭 해야 한다면_ 별개의 요점이어야 하며 반복적으로 강력한 경고로 시작해야 합니다.

그런 다음 나는 왜 그것을 하고 싶은지에 대한 사례를 보고 싶습니다. 나는 여기에 하나를 볼 수 없습니다. 실제로 하나를 생각할 수 없습니다. 할 수 있나요?

그러한 예가 없다면 나는 이 조언을 전혀 포함하기를 꺼릴 것입니다.

또한 이 텍스트의 "왜"가 저를 혼란스럽게 했습니다. "vm" 이름에 대한 종속성을 피하는 특정 기술에 대한 "이유"입니다. 그것은 진짜 이유에 부차적입니다. 이것이 컨트롤러에서 시청하는 이유입니다. "이런 식으로 하지 마세요" 예제가 앞에 오는 경우에만 의미가 있습니다.

더 많은 작업이 필요하지만 필요하다고 생각합니다.

누군가에게 제안?

나는 이것이 토론을 요약한다고 생각한다.

컨트롤러로 $watch

[스타일[Y999](#style-y999)]

• $scope.$watch를 사용하지 마십시오. 대신 ng-change 또는 사용자 지정 지시문을 사용하십시오.

  _왜?_: 시계는 테스트하기 어렵고 모든 $digest 루프에서 평가되기 때문에 성능에도 좋지 않습니다.

  /* avoid */
  function SomeController($scope) {
  var vm = this;
  
  $scope.$watch(function () {
      return vm.title;
  }, doSomething);
  
  function doSomething() {
  }
  }
  

  <!-- recommended -->
  <input type="text" ng-model="vm.title" ng-change="vm.doSomething()"/>
  

  /* recommended */
  function SomeController() {
    var vm = this;
    vm.doSomething = doSomething;
  
    function doSomething() {
    }
  }
  

그런 다음 이것을 어떻게 해결합니까 - http://stackoverflow.com/questions/37698263/slick-carousel-angular-dynamic-data-loading 및 http://stackoverflow.com/questions/37746972/load-the-view- template-once-server-response-received-in-angularjs-app

controllerAs를 사용하여 지시문 내에서 $watch를 문서화합니까? 링크나 자료를 추천해주실 수 있나요?

PR에 관심이 있는 사람이 있습니까?

내 오래된 문제 정리