newsource

AngularJS 지시적 워치 유효성 입력 필드가 비활성화된 경우 몇 가지 작업을 수행할 지시문을 작성하려고 합니다.이 예에서는 입력이 소수인지 여부를 확인하는 디렉티브가 있다고 가정하고 비활성일 때 엘리먼트에 클래스를 추가하는 디렉티브를 만듭니다. validate-prime은 ng-model의 파서와 포맷터를 사용하여 모델의 유효성을 업데이트합니다. 이제 모델이 비활성화되면 invalid-add-class 지시문이 클래스 "error"를 추가하고 모델이 비활성화되면 제거합니다.즉, 모델 컨트롤러의 $valid(또는 $valid) 속성을 감시해야 합니다.하지만 어떻게 해야 할지 모르겠어요.나는 시도했다. link : function(scope, element, attrs, ctrl) { ctrl.$wat..

ng-show/ng-hide에서 Angular 애니메이션 발생 방지 나의 앵귤러JS 어플리케이션 로드 스피너에 폰타썸을 사용하고 있습니다. ngAnimate에 의존하는 알림 메시지에도 AngularToaster를 사용하고 있습니다.Angular에 ngAnimate를 포함하면JS 어플리케이션에서는 로딩 스피너에 이상한 애니메이션을 가하여 흐트러뜨립니다.나는 이것을 멈추고 싶지만, 이러한 로더에서만 애니메이션을 비활성화하는 방법을 찾을 수 없다(앱에 있는 모든 로더를 업데이트해야 하는 것도 귀찮다). 여기 내 문제를 보여주는 플렁커가 있다. http://plnkr.co/edit/wVY5iSpUST52noIA2h5a 것이 합니다.$animateProvider.classNameFilter그러면 애니메이션을 수행..

AngularJS-Twig가 더블컬리브레이트와 경합합니다. 아시다시피 angular와 twig는 모두 공통 제어 구조인 이중 곱슬 괄호를 가지고 있습니다.Angular의 기본값을 변경하려면 어떻게 해야 합니까? Twig에서는 할 수 있지만 일부 프로젝트에서는 JS만 할 수 있습니다.다음을 사용하여 시작 및 끝 보간 태그를 변경할 수 있습니다.interpolateProvider서비스.이 경우 모듈 초기화 시 편리합니다. angular.module('myApp', []).config(function($interpolateProvider){ $interpolateProvider.startSymbol('{[{').endSymbol('}]}'); }); https://docs.angularjs.org/api/ng..

ng-src vs src 사용 이 튜토리얼에서는 지침의 사용을 시연합니다.ngSrcsrc: 고객의 요구는 다음과 같습니다. .ng-src로 바꿉니다. Firebug, Chrome의 Web Inspector 등의 도구를 사용하거나 웹 서버 액세스 로그를 검사하여 앱이 실제로 /app/%7B%7에 대해 외부 요청을 하고 있는지 확인합니다.Bphone.imageUrl%7D%7D(또는 /app/{phone.imageUrl}) 그렇게 했더니 올바른 결과가 나왔습니다. 이유가 있나요?Angular 문서에서 번잡한 글쓰기 방법: 올바른 쓰기 방법: 이는 각입니다.http://www.gravatar.com/avatar/{{hash}}되면 각도가 '각도가 되다'라고 .{{hash}} 해야 요.logo.png이 src A..

응답 헤더를 angularjs로 읽는 방법 서버는 다음과 같은 종류의 헤더를 반환합니다.Content-Range:0-10/0: 이 헤더를 비스듬히 읽으려고 했지만 잘 되지 않았다. var promise = $http.get(url, { params: query }).then(function(response) { console.log(response.headers()); return response.data; }); 인쇄만 하면 된다. Object {content-type: "application/json; charset=utf-8"} 콘텐츠 범위 헤더에 액세스하는 방법을 알고 계십니까?를 사용합니다.headers성공 및 오류 콜백 변수 문서로부터. $http.get('/someUrl'). success(..

ng-model: 빈 문자열은 늘이어야 합니다. 사용하는 경우ng-model입력 필드에 대해 각도로 설정합니다.''대신null설령null전에. 이것은 제 경우에 문제가 됩니다.왜냐하면,null입력 필드가 비어 있는 경우, 서버에 액세스 할 수 없습니다.''. 각도 설정 "빈" 입력 모델을 다음과 같이 구분할 수 있는 방법이 있습니까?null?하고 싶을지도 모른다$watch빈 값으로 설정하고null: $scope.$watch('test.value', function (newValue, oldValue) { if(newValue === "") $scope.test.value = null; }); 또 다른 방법은 커스텀 디렉티브를 사용하여$parsers그 안에: myApp.directive('emptyToNu..

어레이 변경 시 $watch가 트리거되지 않음 내가 왜 이 일을 하고 싶은지 알아보는 중이야$watch유발되지 않습니다.관련 컨트롤러의 일부를 다음에 나타냅니다. $scope.$watch('tasks', function (newValue, oldValue) { //do some stuff //only enters here once //newValue and oldValue are equal at that point }); $scope.tasks = tasksService.tasks(); $scope.addTask = function (taskCreationString) { tasksService.addTask(taskCreationString);//modifies tasks array }; 제가 봤을 때..

AngularJS: Angular 외부에서 서비스를 업데이트해야 합니다. 저는 '플레이어'라는 서비스를 가지고 있는데 플래시 오브젝트 로딩이 끝나면 서비스를 업데이트해야 합니다. mySongPlayer.factory('player', function() { var isPlayerLoaded = false; var playerHolder = ''; window.playerReady = function(thePlayer) { playerHolder = window.document[thePlayer.id]; addListeners(); isPlayerLoaded = true; } var flashvars = { file:"", autostart:"true", skin: "/skins/glow/glow.zip"..

각도에서의 ScrollTo 함수JS 퀵 네비게이션이 제대로 작동하도록 노력하고 있습니다.옆으로 떠있어요.링크를 클릭하면 페이지의 해당 ID로 이동합니다.트리하우스에서 온 안내원을 따라갑니다.스크롤은 다음과 같습니다. $("#quickNav a").click(function(){ var quickNavId = $(this).attr("href"); $("html, body").animate({scrollTop: $(location).offset().top}, "slow"); return false; }); 나는 처음에 그것을 그 앞에 두었다.컴파일 전에는 퀵내브 컴파일 전)의 것 같습니다ng-hideDOM(도미) 콘솔에서 코드 블록을 실행하면 스크롤이 예상대로 작동합니다. 이것을 컨트롤러로 옮기는 것이 더..

"알 수 없는 공급자" 오류의 원인 찾기 다음의 에러가 표시됩니다. Error: [$injector:unpr] Unknown provider: nProvider new.min.js 이제 컴파일된 js를 다음으로 바꿉니다.new.min.js문제를 재현하기 위해 앱을 로드하면 n4536과 같은 의존성 주입 오류가 발생합니다. 당신의 에디터가 매우 긴 행으로 훌륭하다면 new.min.js를 로드하기만 하면 됩니다.n4536을 찾으면 범인을 특정하는데 도움이 될 것입니다. 그렇지 않은 경우 문제를 둘러싼 컨텍스트를 출력할 수 있습니다. egrep -o '.{199}n4536.{99}' new.min.jsAngular의 인젝터는 다음과 같은 세 가지 방법으로 종속성을 해결할 수 있습니다. 1. 함수 인수 이름에서..