2 월 | 2015 | 폴 Galvin의 SharePoint 공간

나는 애플 리 케이 션의 몇을 확인 $http.get() 통화 및 숨겨진 추악한 오류 세부 정보와 함께 정중 하 게 서식이 지정 된 오류 메시지를 보여줄 수 있을 하 고 싶 었, 그러나 액세스할 수 있습니다. 기본적으로, 이:

그리고 오류에 클릭 하면, 그들은 더 많은 정보를 참조 하십시오:

간단한 물건입니다. 때문에 정확한 같은 잠재적인 오류가 최종 사용자 화면 및 관리 화면에 표시 될 수 있습니다, 그것은 명확 하 게 사용자 지정 각도 지시문에 대 한 라고합니다. 난 이것을 발견합니다 뛰어난 시리즈 기사 (http://weblogs.asp.net/dwahlin/creating-custom-angularjs-directives-part-i-the-fundamentals) 위대한 댄 Wahlin. 그의 조언에 따라, 매우 신속 하 게 생성 한 <여 보세요 세계> 지시문 및 내 더 복잡 한 오류 디스플레이 스 퀴 지에 이동. 나이 좀 더 복잡 한 지시문 문제가 조금에 부딪쳤다. 행복 하 게, 일종의 기회, WebStorm 라고 했다 (이 요즘 사용 하는 편집기) JS 파일은 각 파일 및 그것은 도움이 문제를 알아낼. 이것은 자체 지침에 대 한 코드:

angular.module("CDLApp").지시문("generalCdlErrorHandler", 함수() {

    반환 {
        제한: "E",
        바꾸기: true,

        범위: {
            retrieveLastConfigurationError: "&"
        },

        서식 파일:
          '<사업부 클래스 = "경고 위험 경고" 역할 "경고를 =" ng 초기화 = "doShowExpandedErrorDetails = true" 니 쇼 "retrieveLastConfigurationError =()">' +
          ' I/O 오류 또는 기타 오류.  구성 데이터 파일 수 없습니다 때문에 일반적으로 발생 ' +
          ' 발견 하거나 부정 확 한 정보를 포함 하는 구성 파일 (문서 라이브러리를 참조 하는 등 ' +
          ' 존재 하지 않는).' +
          '  <br />' +
          '  <div ng-쇼 "doShowExpandedErrorDetails" =>' +
          '    <a href = "#" ng 클릭 = "doShowExpandedErrorDetails = ! doShowExpandedErrorDetails ">' +
          ' 세부 사항 숨기기 하려면 여기를 클릭.' +
          '    </는>: ' +
          '    <br />' +
          '    <사전>{{retrieveLastConfigurationError() | json}}</사전>' +
          '    <br />' +
          '  </div>' +
          '  <div ng-쇼 = "!doShowExpandedErrorDetails ">' +
          '    <a href = "#" ng 클릭 = "doShowExpandedErrorDetails = ! doShowExpandedErrorDetails ">' +
          ' 오류 세부 정보를 확장 하려면 여기를 클릭.' +
          '    </는>' +
          '  </div>' +
          '</div>'
    };
});

기본적으로, 나는 "generalCdlErrorHandler" 이라는 새로운 요소를 만드는 거 야. 그것은 retrieveLastConfigurationError 라는 함수에 액세스 해야 그리고 그 범위 개체에서 처리 됩니다. 아마 사용 했을 수도 그냥 부모의 범위, 하지만 그 게으른 느낌. 만약 누구 든 지 생각 했어야 하는, 의견에 그것에 대해 듣고 싶어요.

이것은 모두 괜 찮 아 요, 하지만 난 아무것도 아니 었 어. 콘솔에서 팝업 오류 (적어도 한 번 길을 따라 만든 모든 sx 오류 고정). 난 단순히 지시문에서 출력을 하지 않았다. 갔다가 ng 쇼 지시문과 하기 전에 몇 가지 정적 텍스트를 추가 * 했던 * 그. 이 거기에 아마도 지시어를 암시적으로 "doShowExpandedErrorDetails" 같은 새로운 vars를 만들거나 "ng 초기화"는 허용 되지 않는 생각을 했다.

만약 내가 유형 및 WebStorm이이 시간 나를 도와 볼 수 HTML로 돌아갔다. 나이 같은 retrieveLastConfigurationError 함수에 전달 했다:

<일반 cdl 오류 처리기 retrieveLastConfigurationError="CDLController.retrieveLastConfigurationError()">
</일반 cdl 오류 처리기>

하지만 그것은 정말이 될 필요가:

<일반 cdl 오류 처리기 검색 마지막 구성 오류 "CDLController.retrieveLastConfigurationError =()">
</일반 cdl 오류 처리기>

WebStorm 하이픈 수 했다 알고 충분히 똑 똑 했다. 그 힌트를 제공 하지 않았다면, 나는 아마 수 여전히 문제 해결이 . 재미 있는 시간!

이 트릭은이: 뿐만 아니라 지시문 요소 이름을 하이픈합니다, 그래서 당신은 그것에 추가할 특성이 있습니다. 일단 하이픈 추가, 모든 그것은 거 장을 움직였다. 댄의 튜토리얼 짧은 단일 이름을 사용 하는 일이, 그래서 연결을 확인 하지 않았다.

희망이 누군가가 도움이.

</끝>

내 블로그를 구독.

에 지 저 귐에 나를 따르라합니다 http://www.twitter.com/pagalvin

난 항상 크롬을 사용 하 여 나쁜 습관에 빠 졌 어 요. 그것은 "나쁜" 개발 물건은 정말 많은 다른 웹 브라우저에 실행 해야 하기 때문에, 포함 하 여, 안타깝게도 i e 8입니다. 내 작품 노트북 어떤 이유로 IE9 표준에는) 난 그냥 빨리 하 고 있었다 그리고 확인 어떤 것 들 찾아 보 니 같은 고... 예 쁘 지 않았다. 예를 들어: