월별 아카이브: 2 월 2015

각 지시문에 대 한 문제 해결 팁 (또는, 다시 온통 하이픈을 사랑 하는 학습)

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

image

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

image

간단한 물건입니다.  때문에 정확한 같은 잠재적인 오류가 최종 사용자 화면 및 관리 화면에 표시 될 수 있습니다, 그것은 명확 하 게 사용자 지정 각도 지시문에 대 한 라고합니다.  난  이것을 발견합니다 뛰어난 시리즈 기사 (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 하이픈 수 했다 알고 충분히 똑 똑 했다.  그 힌트를 제공 하지 않았다면, 나는 아마 수 여전히 문제 해결이 미소.  재미 있는 시간!

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

희망이 누군가가 도움이.

</끝>

undefined내 블로그를 구독.

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

IE9 정말 그것을 좋아하지 않는 때와 바로 가기 귀하 <범위> 태그

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

image

그것은 * 가정 *이 처럼:

image

 

뿐만 아니라 그것은 했다, 하지만 내 클릭 이벤트를 발사 되지 않았다.  (그들의 대부분, 어쨌든).

시각적으로, "고급 설정" 링크 근처 레일을 이동 하기 시작 것 처럼 보였다.  HTML의 그 부분을 파고 그리고 난이 라인을 발견:

<클래스에 걸쳐 "glyphicon glyphicon-새-창" = />

허용 구문 처럼 보인다 ("크롬 버전 40.02214.94 m"그걸로 괜찮아요). 나 갔고 그것을 어쨌든 변경, 같이:

<스팬 클래스 = "glyphicon glyphicon-새-창"></범위>

그것을 고정.

작은 작은 것 스크린의 같은 거 대 한 혼란을 발생합니다.  재미 있는 시간.

이 빠른 수정이, 그러나 그것은 또한 당신이 그것을 볼 때 그냥 줄 맞춤에서 척추를 얻는 것의 종류.  거기에 이상 500 이 작은 관리자 기능에서 HTML의 라인 그냥 그 잡 초 들을 파고 자신을 발견 하 고 싶지 않아, 이제까지 미소.

</끝>

undefined내 블로그를 구독.

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