반응형

AngularJS 45

AngularJS에서 속성을 조건부로 적용하는 가장 좋은 방법은 무엇입니까?

AngularJS에서 속성을 조건부로 적용하는 가장 좋은 방법은 무엇입니까? 예를 들어 스코프의 부울 변수를 기반으로 요소에 "contentable"을 추가할 수 있어야 합니다. 사용 예: {{content.title}} =true가 요소에 됩니다.$scope.editMode was was was was was was was was로 설정되었습니다.true이 ng-class와 같은 속성 동작을 구현하는 쉬운 방법이 있습니까?지시문을 작성하고 그렇지 않다면 공유하는 것을 고려하고 있습니다. 편집: 제안하신 attrs 지시와 ng-bind-attrs 사이에 유사한 점이 있는 것 같습니다만, 1.0.0.rc3에서 삭제되었습니다.이유는 무엇입니까?ng-class를 사용할 수 없을 때(예를 들어 SVG 스타일링 ..

it-source 2023.03.12

ng-repeat 내의 $index를 사용하여 클래스를 활성화하고 DIV를 표시하려면 어떻게 해야 합니까?

ng-repeat 내의 $index를 사용하여 클래스를 활성화하고 DIV를 표시하려면 어떻게 해야 합니까? 나는 한 세트를 가지고 있다.요소들. ABC DEF A{{$index}} 사용자가 위의 주소 요소 중 하나를 클릭하면 선택한 값을 설정하고 다음 중 하나를 표시해야 합니다.다음 요소: 100 101 {{ $index }} 이것은 처음 두 경우에 유효합니다. 사용자가 [ABC]를 클릭하면 첫 번째가100을 표시하고 색상을 빨간색으로 변경합니다. DEF를 클릭하면 101이 표시되고 DEF가 빨간색으로 변경됩니다. 단, A0, A1, A2 및 A3에서는 전혀 동작하지 않습니다. 사용자가 A0, A1, A2 또는 A3을 클릭하면 정답이 표시되지 않고 선택한 값이 설정되지 않으며 ng반복 A0, A1, A2..

it-source 2023.03.12

모달에 매개 변수를 전달하려면 어떻게 해야 합니까?

모달에 매개 변수를 전달하려면 어떻게 해야 합니까? 합격하고 싶다userName리스트에서userName로그인한 사용자가 twitter 부트스트랩을 클릭하다modalangularjs를 사용하여 데이터를 angularjs로 렌더링하는 grail을 사용하고 있습니다. 배열 내 Graphes 보기 페이지encouragement.gsp이 {{user.userName}} Encourage 나의encourage/_encouragement_modal.gsp이 × Confirm encouragement? Do you really want to encourage {{aModel.userName}}? Confirm Never Mind 그래서 어떻게 통과하지?userName로.encouragementModal?매개 변수를 전..

it-source 2023.03.12

Angular.js와 Angular.dart의 차이점?

Angular.js와 Angular.dart의 차이점? 닫혔어. 이 질문은 좀 더 자세히 설명해야 합니다.초점을 맞춥니다.현재 답변을 받고 있지 않습니다. 이 질문을 개선하시겠습니까?이 게시물을 편집하여 하나의 문제에 초점을 맞추도록 질문을 업데이트하십시오. 9년 전에 문을 닫았어요 이 질문을 개선하다 저는 Angular.js에 대해 조금 알고 있지만, 이제 Dart와 Angular.dart를 독학하고 싶습니다.그런데 그 둘의 차이가 무엇인지 좀 궁금하네요.Angular.dart 튜토리얼에서는 이 둘을 비교하지 않는다고 명시되어 있습니다.둘 다 사용해 본 사람 중에 어떤 차이가 있는지 알고 있는 사람이 있습니까?업데이트 #2 (16년 8월)Github의 Dart 팀은 현재 Github의 Dart/angu..

it-source 2023.03.12

ng클릭으로 $이벤트를 자동으로 전달하시겠습니까?

ng클릭으로 $이벤트를 자동으로 전달하시겠습니까? 클릭 이벤트에 액세스 할 수 있는 것은, 다음과 같습니다.ng-click만약 내가 합격한다면$event다음과 같은 객체: Give me the $event 합격해야 한다는 게 좀 짜증나네요$event매번 명시적으로.설정 가능합니까?ng-click디폴트 기능으로 넘겨줄 수 있나요?의 내용을 봐 주세요.ng-click지시 소스: ... compile: function($element, attr) { var fn = $parse(attr[directiveName]); return function(scope, element, attr) { element.on(lowercase(name), function(event) { scope.$apply(function()..

it-source 2023.03.12

웹 앱이 Angular(또는 다른 기술)를 사용하여 구축되었는지 어떻게 알 수 있습니까?

웹 앱이 Angular(또는 다른 기술)를 사용하여 구축되었는지 어떻게 알 수 있습니까? (Drupal 7) 웹 앱이 Angular를 사용하여 작성되었는지 여부는 페이지 소스를 보고 개발자에게 문의하지 않아도 알 수 있습니다.확인하는 가장 좋은 방법은 브라우저 콘솔에 "angular"라고 쓰는 것입니다.오브젝트 [자 오브젝트가 "bind", "bootstrap", "callbacks", "module" 등으로 표시되는 경우]는 각진 웹 앱입니다.Wappalyzer라고 하는 크롬 또는 파이어폭스 확장을 설치할 수 있습니다.브라우저에서 탐색하는 사이트와 사용하는 스택이 표시됩니다. 자세한 내용은 이쪽 https://www.wappalyzer.com을 참조해 주세요.다음을 시도해 보십시오.angular.ver..

it-source 2023.03.07

지시문 템플릿 강제 다시 로드

지시문 템플릿 강제 다시 로드 Angular를 작업하고 있습니다.몇 가지 지침이 있는 JS 앱.디렉티브의 템플릿은 별도의 html 파일에 저장됩니다.이러한 템플릿을 편집할 때 브라우저는 새로고침 후 변경을 감지하지 않고 항상 캐시된 버전을 사용합니다.소스 코드에 대한 기타 변경이 검출되어 새로고침이 발생합니다. 문제는 Angular가 사용하고 있는 것으로 보이는 $templateCache에 있습니다.템플릿 로드 시 JS. AngularJS 1.0.2의 소스 코드에서 찾은 것은 컴파일의 일부인 4317 행에서 다음과 같습니다.TemplateUrl(): $http.get(origAsyncDirective.templateUrl, {cache: $templateCache}) 혹시 다른 사람이 이런 문제를 겪었거..

it-source 2023.03.07

각도에서의 DOM 조작JS 서비스

각도에서의 DOM 조작JS 서비스 Angular를 사용할 때 지시어 내부의 DOM 요소를 조작해야 한다는 것은 잘 알려져 있습니다.JS. 다만, 사용 예에 따라서는, 서비스내에서 DOM 를 조작할 수 있는 경우가 있습니다.Misko Hebery는 여기서 이것에 대해 이야기하고 있다.부트스트랩 UI 대화상자에서도 예를 찾을 수 있습니다. Misko의 설명은 다소 애매하기 때문에 DOM을 지시가 아닌 서비스에 넣어야 할 시기를 어떻게 판단해야 하는지 궁금했습니다.디렉티브는 정의된 방법으로 항상 DOM 노드에 부가됩니다.따라서 디렉티브를 정의하면 디렉티브가 접속되어 있는DOM 노드가 "확장" 또는 치환원됩니다. 특정 상황(대화상자 등)에서는 DOM 노드를 특정 부모에 연결할 수 없습니다.이러한 경우 서비스를 ..

it-source 2023.03.02

Angular에서 체크박스가 켜져 있는지 확인하는 방법

Angular에서 체크박스가 켜져 있는지 확인하는 방법 표시되는 체크박스가 체크되어 있는지 확인하는 기능이나 ng-something이 있습니까? ng-click="function()"을 통해 값을 전달하고 있습니다.도보로 이동하여 내부에 값이 있는지 어레이를 확인할 수 있습니다. 체크 박스가 온이 되어 있는 경우는, 「다음」버튼을 유효/비활성화하고 싶다. 가장 쉬운 방법이 뭐죠?워처를 사용하지 않을 경우 다음과 같은 작업을 수행할 수 있습니다. 다음과 같은 작업을 수행할 수 있습니다. function ChckbxsCtrl($scope, $filter) { $scope.chkbxs = [{ label: "Led Zeppelin", val: false }, { label: "Electric Light Orc..

it-source 2023.03.02

AngularJS가 Access-Control-Allow-Origin 헤더를 검출하지 않음

AngularJS가 Access-Control-Allow-Origin 헤더를 검출하지 않음 로컬 가상 호스트(http://foo.app:8000)에서 앵귤러 앱을 실행하고 있습니다.다음 명령어를 사용하여 다른 로컬 VirtualHost(http://bar.app:8000)에 요구를 하고 있습니다.$http.post. $http.post('http://bar.app:8000/mobile/reply', reply, {withCredentials: true}); Chrome Developer Tools I의 Network(네트워크) 탭에서 OPTIONS 요청을 볼 수 있으며 응답에는 다음 헤더가 포함됩니다. Access-Control-Allow-Origin: http://foo.app:8000 다만, POST..

it-source 2023.02.25
반응형