반응형

angularJS 30

각도 JS 및 부분

각도 JS 및 부분 html 페이지를 angular js의 다른 페이지에 삽입할 수 있습니까? 그렇다면 어떻게 해야 할까요? 이 튜토리얼에서는, 그 일부가 페이지에 짜넣어져 있지 않습니다만, 어느쪽인가를 클릭했을 때에 이동하는 페이지가 다른 것과 같습니다.(데모 참조)네, ngInclude 디렉티브를 사용하여 실행할 수 있습니다. 문서와 예를 참조해 주세요.https://docs.angularjs.org/api/ng/directive/ngInclude@Wilt가 맞습니다만, 여기 더 구체적인 링크와 코드 샘플이 있습니다(https://github.com/angular-ui/ui-router/wiki/Quick-Reference#ui-view). 루트 템플릿: 또한 app.config 함수에서도 $stat..

programing 2023.03.13

AngularJS에서 지시문을 작성할 때 새 스코프, 새 하위 스코프 또는 새 격리 스코프가 필요하지 않은지 어떻게 결정합니까?

AngularJS에서 지시문을 작성할 때 새 스코프, 새 하위 스코프 또는 새 격리 스코프가 필요하지 않은지 어떻게 결정합니까? 새로운 지시문을 작성할 때 어떤 유형의 범위를 사용할지 결정하는 데 도움이 되는 가이드라인을 찾고 있습니다.이상적으로는 많은 질문을 받고 정답을 제시해 주는 흐름도와 같은 것을 원합니다.새로운 스코프, 새로운 자 스코프, 또는 새로운 격리 스코프는 필요 없습니다.다만, 너무 많은 것을 요구하고 있는 것 같습니다.다음은 저의 근소한 가이드라인입니다. 가 ng-model 'ng-model'을 격리된 범위에서 ng-model을 사용할 수 있습니까?를 참조하십시오.그리고. 포메터가 분리된 범위에서는 작동하지 않는 이유는 무엇입니까? 지시문이 범위/모델 속성을 수정하지 않으면 새 범위를..

programing 2023.03.13

[ AngularJS group ]체크박스 검증

[ AngularJS group ]체크박스 검증 체크박스의 리스트가 있는데, 그 중 적어도 하나는 필수입니다.Angular를 통해 이 목표를 달성하려고 노력했습니다.JS 검증이 되었지만 문제가 있었습니다.다음은 내 코드입니다. // Code goes here for js var app = angular.module('App', []); function Ctrl($scope) { $scope.formData = {}; $scope.formData.selectedGender = ''; $scope.gender = [{ 'name': 'Male', 'id': 1 }, { 'name': 'Female', 'id': 2 }]; $scope.formData.selectedFruits = {}; $scope.frui..

programing 2023.03.03

지시문에 양식 전달

지시문에 양식 전달 양식 필드를 명령어로 캡슐화하면 다음과 같이 간단하게 수행할 수 있습니다. 에 접속하려면myForm예를 들어 유효성 검사를 수행할 수 있도록 지시합니다.myForm.Email.$valid?명령어로 FormController에 액세스하려면 다음 절차를 수행합니다. require: '^form', 다음으로 링크 함수의 네 번째 인수로 사용할 수 있습니다. link: function(scope, element, attrs, formCtrl) { console.log(formCtrl); } fiddle NgModelController에 대한 접근만 필요할 수 있습니다. require: 'ngModel', link: function(scope, element, attrs, ngModelCtrl..

programing 2023.03.03

배열에 존재하는 값을 기반으로 한ng-show

배열에 존재하는 값을 기반으로 한ng-show angularjs ng-show에서 vlaue를 보여주는 방법 ng-show = "role in ['admin', 'user', 'buyer']" 역할이 해당 배열 중 하나일 경우 div를 표시해야 합니다.기능을 사용하다indexOf요소가 배열의 일부인지 여부를 확인합니다.발견 시 요소의 위치를 반환하거나 -1을 반환합니다. 그래서 이런 표현을 쓸 수 있어요. ng-show = "['admin', 'user', 'buyer'].indexOf(role)!=-1"데이터를 표시/숨기다또는 loDash _.contains 를 사용합니다. 범위 내에서 loDash에 액세스할 수 있어야 합니다. var app = angular.module('myApp', []); ap..

programing 2023.03.03

돔 렌더링이 완료된 후 디렉티브를 실행하려면 어떻게 해야 합니까?

돔 렌더링이 완료된 후 디렉티브를 실행하려면 어떻게 해야 합니까? (Angular JS 문서를 읽음으로써) 명백한 솔루션이 없는 것처럼 보이는 간단한 문제가 있습니다. Angular JS 디렉티브는 다른 DOM 요소의 높이를 기반으로 계산하여 DOM 내의 컨테이너 높이를 정의합니다. 지시문 내부에서는 다음과 같은 일이 일어나고 있습니다. return function(scope, element, attrs) { $('.main').height( $('.site-header').height() - $('.site-footer').height() ); } 문제는 디렉티브가 실행될 때$('site-header')찾을 수 없습니다. 필요한 jQuery 랩된 DOM 요소 대신 빈 배열을 반환합니다. 디렉티브 내에서..

programing 2023.02.26

Angular에서의 지시 장치 테스트에서 서비스를 주입하는 방법JS

Angular에서의 지시 장치 테스트에서 서비스를 주입하는 방법JS 주입된 서비스에 대한 호출을 수행하는 명령을 테스트해야 합니다.다음 코드 조각은 지정된 요소 내에서 Enter 키를 누르면 이벤트를 수신하고 브라우저를 리디렉션하는 명령어 예시입니다. 편집: E2E 테스트 랜드에서 도강하는 것 같은 느낌이 드나요? angular.module('fooApp') .directive('gotoOnEnter', ['$location', function ($location) { var _linkFn = function link(scope, element, attrs) { element.off('keypress').on('keypress', function(e) { if(e.keyCode === 13) { $loc..

programing 2023.02.26

AngularJS - 함수를 지시어로 전달합니다.

AngularJS - 함수를 지시어로 전달합니다. 각진 예가 있습니다.JS 버튼을 클릭하면 경보 상자가 표시되지만 아무것도 표시되지 않습니다. 누가 나를 도와줄 수 있나요?격리된 스코프 디렉티브 내부에서 부모 스코프의 컨트롤러 함수를 호출하려면 다음과 같이 합니다.dash-separatedOP에서 말한 것처럼 HTML에서 속성 이름을 지정합니다. 또한 함수에 파라미터를 전송하려면 객체를 전달하여 함수를 호출합니다. JS var app = angular.module('dr', []); app.controller("testCtrl", function($scope) { $scope.color1 = "color"; $scope.updateFn = function(msg) { alert(msg); } }); ap..

programing 2023.02.26

각도 Ctrl 클릭?

각도 Ctrl 클릭? 사용자가 클릭을 눌렀을 때 어떻게 잡을 수 있습니까? 다음을 사용하여 클릭 한 번으로 실행할 수 있습니다. 하지만 난 이런 게 필요해 그게 가능한가요?HTML JS $scope.some_function = function(event){ if (event.ctrlKey) { // logic here } } 독자적인 ctrl-click 지시문을 작성해야 합니다.이 작업을 수행하려면 편집기에서 "지침" 폴더로 이동하여 지침을 만드십시오. 단말기의 기입에 의해서 실행할 수 있습니다. ng generate directive ctrl-click 작성한 후에는 다음과 같이 편집해야 합니다. import { Directive, ElementRef, EventEmitter, OnDestroy, On..

programing 2023.02.26

AngularJS 1.3 또는 AngularJS 1.2.x

AngularJS 1.3 또는 AngularJS 1.2.x 닫았습니다. 이 질문은의견 기반의현재 답변을 받고 있지 않습니다. 이 질문을 개선하시겠습니까?이 게시물을 편집하여 사실과 인용문으로 답변할 수 있도록 질문을 업데이트하십시오. 8년 전에 문을 닫았어요 이 질문을 개선하다 1.3 버전의 Angular를 사용하는 이점은 무엇입니까?1.2.x 브랜치와 대조되는 JS 프레임워크 1.3.x 릴리즈에서는 Internet Explorer 8 지원이 중지되는 것으로 알고 있습니다.따라서 1.3 버전의 특징과 기능이 IE 8에 대한 지원이 부족하다는 것을 받아들일 수 있을 정도로 매력적인지 알고 싶습니다.새로운 기능만 IE 8에서 동작하지 않거나 기존(1.2.x 릴리즈)에서도 동작하지 않습니까?IE 8에서 Ang..

programing 2023.02.21
반응형