웹사이트 검색

javascript - 특정 HTML 요소를 찾는 방법, AngularJS, protractor

저는 AngularJS/protractor가 처음이라 이에 대한 어떤 안내라도 매우 감사하겠습니다. Angular JS가 ng- 지시자를 통해 HTML 요소를 인스턴스화하기 때문에 특정 요소를 찾을 수 있는 'id' 등이 없습니다. (분명히 저는 이를 콘텐츠를 검증하거나 클릭하는 등의 작업을 위해 하고 싶습니다.) 제 Angular JS 코드 스니펫은 다음과 같습니다:

<div ng-repeat="item in myList"> <span ng-if="item.category == 'lights'"> <img src="../../../{{item.icon}}"/> &nbsp<span id="foo">{{item.name}}</span>&nbsp </span> </div>

나는 이 리스트를 반복하면

더 많은 것을 읽으십시오 →

자바스크립트 - AngularJS에서 자바 함수 호출하기

저는 JAVA와 AngularJS로 만든 간단한 웹 애플리케이션 하나가 있습니다. 사용자는 앱에 사람을 추가하거나 Mongo 데이터베이스에서 제거할 수 있습니다.

제 문제는 Angular가 Java와 정확히 어떻게 통신하고 Java 함수를 호출하는지 모른다는 것입니다. 예를 들어 버튼 클릭 후에 데이터베이스에서 사람을 삭제하고 싶다면 어떻게 해야 하는지 모르겠습니다.

여기에 코드가 있습니다

persons.html

<a for-authenticated ng-click="remove(s.id)" href=""> <i

더 많은 것을 읽으십시오 →

자바스크립트 - txt 파일을 Amazon S3에 업로드하기

저는 문자열을 업로드하기 위해 s3 SDK를 사용하고 있습니다(문자열은 나중에 txt 파일로 변경될 예정입니다). SDK를 사용하는 것은 괜찮습니다. 하지만 SDK가 최신 브라우저(예: IE10+)에서만 사용 가능하기 때문에 구형 브라우저에서는 다른 방법으로 파일을 업로드해야 합니다.

이미지 파일의 경우 업로드를 위해 입력(input type file)과 폼(form)을 사용합니다.

<form id="urlform" enctype="multipart/form-data" method="post" target="upload_target" class="inline"> <input type=

더 많은 것을 읽으십시오 →

javascript - 더블 클릭을 하지 않았는데 왜 dblclick 핸들러에 입력이 들어가나요?

저는 크기를 조절할 수 있는 상자가 있는 JSFiddle을 가지고 있습니다. 문서 어디에서나 더블 클릭하면 상자의 색상이 베이지색과 빨간색 사이에서 전환됩니다.

문제는 때때로 상자의 크기를 조정한 후 왼쪽 마우스 버튼을 놓으면 dblclick 이벤트가 발생하고 상자가 빨간색으로 변한다는 것입니다. 그리고 때때로 마우스 버튼을 놓아도 상자 색상이 변하지 않지만, 그 후 상자를 한 번만 클

더 많은 것을 읽으십시오 →

javascript - viewBox 확대/축소와 무관하게 동일한 글꼴 크기 유지

저에게는 이 간단한 데모와 거의 완전히 다른 인터랙티브 SVG 다이어그램이 있습니다…

데모: http://jsfiddle.net/CphxH/6/

…다만 그것이 다음과 관련되는 한:

  • 여러 개의 <text> 요소를 가지고 있습니다,
  • 동적으로 viewBox를 조정하며,
  • 화면에 보이는 글자의 글꼴 크기가 viewBox가 얼마나 큰지와 상관없이 같았으면 합

    더 많은 것을 읽으십시오 →

자바스크립트 - AngularJS ng-repeat 조건문

저는 JS 객체 배열(예: 문서의 단락)을 가지고 있고 이를 AngularJS를 사용하여 표시하고 싶습니다. ng-repeat가 제가 필요한 디렉티브인 것 같습니다:

하지만 이 루프에서 단순히 그 내용을 표시하는 것 이상을 해야 합니다. 나는 x 픽셀 후에 페이지 나눔(시각적 목적, 예: <div class="pagebreak" />

더 많은 것을 읽으십시오 →

javascript - 선택한 모든 일치하는 데이터 속성 제거

나는 페이지에서 서로 다른 종류의 요소들로부터 모든 일치하는 데이터 속성을 제거할 방법을 찾으려고 노력하고 있다.

저는 지금 배열을 반복하고 있지만 이름 목록이 너무 길어서 제 커스텀 데이터 속성을 제거할 더 나은 방법이 있기를 바랍니다.....정규식 패턴으로?

// 코드

var dataArr = ['data-myplugin-value', 'data-myplugin-id', ... ... ...

더 많은 것을 읽으십시오 →

자바스크립트 - 페이스북 - FB 그래프 API JS SDK가 사용자 ID에 대해 잘못된 응답을 제공함

저는 자바스크립트 SDK를 사용하여 페이스북 그래프 API를 사용하고 있습니다. 페이지 피드와 해당 게시물의 좋아요 수, 사용자 정보를 가져오고 댓글도 동일하게 가져오고 있습니다. 하지만 일정 시간이 지나면 모든 페이지 게시물의 좋아요와 댓글에 대해 잘못된 user_id가 나오고 있습니다.

제가 페이스북 그래프 익스플로러를 사용해서 이것을 얻으려고 할 때 올바른 결과를 주고 있습니다. 저는 app_access_token과 user-access-token을 사용했습니다.. 페이스북 그래프 API에 무엇이 잘못된 것일까요.

답변 #1

아마도 '앱 범위 ID(App Scoped IDs)'에 대해 이야기하고 계신 것 같습니다: https://developers.facebook.com/docs/apps/upgrading#upgrading_v2_0_user_ids

앱은 더 이상 실제 사용자

더 많은 것을 읽으십시오 →

자바스크립트 - 리액트JS - 서버에서 데이터 가져오기 및 업데이트

(리액트 초보입니다)...

저는 Reactjs를 사용하여 페이지를 만들고 있습니다.

  • 간단한 검색 상자
  • 사용자가 검색어를 입력한다
  • 데이터가 서버에서 가져와지고 표시됩니다

이제 'searchText'와 'data'는 내 상태이고, 서버에서 데이터를 받은 후에만 'results'를 업데이트하는 방법을 알아내려고 하고 있습니다.

사용자가 무언가를 검색어로 입력할 때마다 처리하는 이벤트가 있습니다

handleUserInput: function(searchTex

더 많은 것을 읽으십시오 →

자바스크립트 - 부모 div에 의해 숨겨진 부트스트랩 툴팁

저는 제 웹 앱에서 Bootstrap 툴팁을 사용하고 있는데, 그것이 상위 div 때문에 잘리는 문제가 있었습니다.

이 문제를 해결하기 위해 data-container="body"를 추가했습니다

<a href="/some-path" title="Show tool tip" data-container="body" data-toggle="tooltip">Hello</a>

이것이 문제를 해결했지만 새로운 문제가 생겼다.

앵커를 클릭하고 이동하면 툴팁이 사라지지 않습니다.

누군가

더 많은 것을 읽으십시오 →