반응형

angularJS 28

Angular는 어떻게 알아?JS를 "갱신"하다

Angular는 어떻게 알아?JS를 "갱신"하다 커스텀 디렉티브 범위 밖에서 발생하는 클릭 이벤트가 있기 때문에 "ng-click" 속성을 사용하는 대신 jQuery.click() 리스너를 사용하여 다음과 같이 스코프 내의 함수를 호출합니다. $('html').click(function(e) { scope.close(); ); close()는 다음과 같은 단순한 함수입니다. scope.close = function() { scope.isOpen = false; } 제 견해로는 다음과 같이 "ng-show"가 isOpen으로 결합되어 있는 요소가 있습니다. My Div 디버깅 시 close()가 호출되고 isOpen이 false로 갱신되고 있지만 Angular가JS 보기가 업데이트되지 않습니다.Angula..

programing 2023.03.02

Angularjs의 $http 사용 시 응답 헤더 읽기

Angularjs의 $http 사용 시 응답 헤더 읽기 사용하고 있다$http다음과 같은 커스텀헤더를 송신하는 API 콜을 발신하다X-Foo그런데 어떻게 읽는지 모르겠어요.내부$http({...}).success(function (data, status, headers, config) {...})기능.headers모든 헤더의 해시를 제공해야 하는 함수이지만 헤더만 표시됩니다.content-type응답 헤더를 얻을 수 있는 방법이 있습니까?커스텀 헤더는, 같은 도메인내에 표시됩니다.단, 크로스 도메인 상황에서는 서버가Access-Control-Expose-Headers: X-Foo, ...header를 사용하여 커스텀헤더를 표시합니다.Spring 4.0+에서는 다음과 같은 파라미터를 가진 @CrossOri..

programing 2023.03.02

html5의 소스 "src" 속성을 변경해도 angularjs에는 적용되지 않습니다.

html5의 소스 "src" 속성을 변경해도 angularjs에는 적용되지 않습니다. 오디오 파일 목록이 링크로 표시되며html5 플레이어각 링크는 의 src를 변경하는 함수를 호출합니다.안에 태그하다: ... {{song.name}} ... $scope.songSelect = function(songPath) { $scope.selectedSongPath = songPath; } src가 바뀌는 것은 보이는데 아무것도 재생되지 않습니다.패스는 정상입니다.패스 중 하나로 src를 초기화하면 플레이어는 동작합니다. 내가 뭘 잘못하고 있지?다음은 몇 가지 각도가 있는 접근법입니다. 1) src= 대신 ng-src= 사용 각도가 있는 문서는 이 기능이 작동하는 이유를 설명합니다.http://docs.angul..

programing 2023.03.02

Angular에서 ng-repeat을 사용하여 맵엔트리를 반복하는 방법JS

Angular에서 ng-repeat을 사용하여 맵엔트리를 반복하는 방법JS 입력 키와 값을 모두 인쇄할 수 있도록 지도의 입력에 대해 어떻게 반복하시겠습니까?예를 들어 다음과 같은 작업을 수행하고자 합니다. Key: {{mapEntry.key}}, value: {{mapEntry.value}} 문서에서 다음 구문이 작동한다는 것을 알았습니다. Key: {{key}}, value: {{value}} 언급URL : https://stackoverflow.com/questions/14704147/how-to-use-ng-repeat-to-iterate-over-map-entries-in-angularjs

programing 2023.03.02

AngularJS 인증 + RESTful API

AngularJS 인증 + RESTful API Auth/(re) 루팅을 위한 API를 사용한 Angular+RESTFUL 클라이언트 측 통신 이 내용은 몇 가지 다른 질문과 튜토리얼에서 다루어졌지만, 지금까지 접한 모든 리소스는 정곡을 찌르지 못했습니다. 한마디로 말하면, POST에서 http://client.foo로로 합니다.http://api.foo/login 「의 GUI/, 「로그인」의 /컴포넌트 스테이트가 「 GUI/컴포넌트는, 「로그인」의 GUI/컴포넌트 상태가 .logout 변경 사용자가 로그아웃/로그아웃할 때 UI를 "업데이트"할 수 있습니다.이게 제일 답답했어 루트를 보호하여 authenticated-state를 확인하고(필요에 따라) 사용자를 로그인 페이지로 리다이렉트합니다. 저의 고민..

programing 2023.03.02

순수 css를 사용하는 다른 요소의 너비를 기준으로 스팬의 너비를 설정합니다.

순수 css를 사용하는 다른 요소의 너비를 기준으로 스팬의 너비를 설정합니다. HTML some variable content lorem ipsum lorem ipsum lorem ipsum lorem ipsum CSS .container { max-width: 200px; } .wrap { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 케이스: 안쪽에 스팬의 폭을 설정해야 합니다..wrap안쪽 스팬의 폭에 근거한 클래스#setter동적으로 분할합니다.사용하고 있는 css에서 알 수 있듯이ellipsis두 번째 디바에 넘칩니다.그setterdiv 콘텐츠 길이가 달라집니다.그래서 목표는 이 모든 것들을lorem ipsum텍스트가 첫 번..

programing 2023.02.25

AngularJS: 모델에 대한 2방향 바인딩을 선택하지 않음

AngularJS: 모델에 대한 2방향 바인딩을 선택하지 않음 선택 항목을 사용하여 클라이언트 이름을 표시하고 있습니다.사용자는 기존 클라이언트를 선택할 수 있어야 합니다.이 경우 스코프 속성이 갱신됩니다. 컨트롤러 "첫 번째 선택" 초기화 중. if($scope.clients.length > 0) $scope.existingClient = $scope.clients[0]; 보다 범위 속성existingClient선택 메뉴가 변경되어도 변경되지 않습니다.값이 초기화되지 않은 경우(위의 컨트롤러 회선이 제거됨) 값은existingClient정의되지 않은 상태로 남습니다. 의 접속ng-change값은 변경되지만 모델 자체는 새 값으로 업데이트되지 않습니다. Angular를 사용하고 있습니다.JS v1.2.0..

programing 2023.02.25

Angular JS는 DOM의 변화를 감시

Angular JS는 DOM의 변화를 감시 하나 있어.auto-carousel링크된 요소의 하위 요소를 통해 반복되는 지시문입니다. 단, 자녀는 아직 DOM에 로드되지 않았습니다.그 이유는 자녀는ng-if의 표현식은 아직 해석되지 않았습니다. 부모 디렉티브에 DOM 트리가 변경되었음을 확인하려면 어떻게 해야 합니까? {{name}} ... {{email}} 나는 할 수 있다$timeout믿을 수 없는 것 같아요나도 쓸 수 있어ng-show대신ng-if하지만 그건 질문에 답하지 않고 내가 필요한 것도 아니야결국 이렇게 된 겁니다. 난 네가 함수를 넘겨줄 수 있다는 걸 알아냈어$scope.$watch여기서부터 변화를 주시하고 싶은 표현의 값을 반환하는 것은 매우 간단합니다.스코프의 속성에 대한 키 문자열을 ..

programing 2023.02.25
반응형