반응형

AngularJS 40

html5Mode를 사용하는 Angularjs 일반 링크

html5Mode를 사용하는 Angularjs 일반 링크 html 5 모드에서 angularjs를 사용하고 있습니다.페이지에 있는 모든 href를 통제하는 것처럼 보입니다.하지만 앱의 동일한 도메인 내에 있는 다른 것에 대한 링크를 실제로 앱에 두고 싶지 않은 경우에는 어떻게 해야 할까요?예를 들어 pdf가 있습니다. 내가 하면angular는 html5 모드를 사용하여 루트 공급자를 사용하여 로드해야 할 뷰를 결정합니다.하지만 브라우저가 정상적으로 해당 페이지로 이동하기를 원합니다. 이를 수행하려면 루트 공급자와 규칙을 만들고 window.location을 사용하여 올바른 페이지로 리다이렉트하는 방법밖에 없습니까?HTML5 모드에서는 A 태그가 고쳐지지 않는 상황은 3가지입니다.각도의 docs에서 를 포..

bestsource 2023.02.23

ng-model과 data-ng-model의 차이

ng-model과 data-ng-model의 차이 AngularJs는 처음입니다.ng-model과 data-ng-model의 차이점을 말할 수 있는 사람? ng-model의 경우 First Name : Second Name : data-ng-model의 경우 First Name : Second Name : 양쪽에 걸쳐서ng-model그리고.data-ng-modelHTML5는 모든 커스텀아트리뷰트가 프리픽스 되는 것을 상정하고 있습니다.data-. 둘 다 똑같아요.앵글 스트립은data-아트리뷰트에서 파트를 선택합니다.문서에서: 각도는 요소의 태그와 속성 이름을 정규화하여 어떤 요소가 어떤 방향과 일치하는지 판단합니다...정규화 프로세스는 다음과 같습니다. 벗다x-그리고.data-요소/속성 전면에서 확인할 ..

bestsource 2023.02.23

범위 간의 차이는 무엇입니까?{} 및 범위: true inside 디렉티브?

범위 간의 차이는 무엇입니까?{} 및 범위: true inside 디렉티브? Angular.js에 대한 정보를 찾을 수 없으며 작업 중에 두 값이 서로 다르게 작동한다는 것을 알게 되었습니다.뭐가 다른데? .directive('foo', function() { return { scope: true }; }); .directive('foo', function() { return { scope: {} }; }); 둘다요.scope: true그리고.scope:{}는 디렉티브의 자 스코프를 작성합니다.그렇지만, scope:true(지시가 있는 컨트롤러와 같은) 부모로부터 프로토타입으로 속성을 상속합니다.scope:{}부모로부터 속성을 상속받지 않기 때문에 호출됩니다.isolated 예를 들어 컨트롤러 c1과 2..

bestsource 2023.02.23

AngularJs UI 라우터 - 여러 URL이 있는 하나의 상태

AngularJs UI 라우터 - 여러 URL이 있는 하나의 상태 이미 설정한 상태를 지시하는 다른 URL 파라미터를 추가하는 요청이 있습니다.효율을 높이기 위해 여러 URL을 추가하여 동일한 상태를 나타낼 수 있는지, 아니면 $UrlRouterProvider를 사용해야 하는지 확인하려고 합니다.when() 메서드를 사용하여 이 새로운 경우 해당 상태로 리다이렉트합니다. 예. 이것은 이미 존재하는 것입니다. .state('site.link1', { url: '/link1', templateUrl: '/views/link1.html', controller: 'link1Ctrl' }) 요청은 link1 페이지를 가리키는 www.site.com/newlink을 추가하는 것입니다.이런 게 있나요? .state(..

bestsource 2023.02.23

AngularJS - 앵커 태그에 대해 ng-disabled가 작동하지 않음

AngularJS - 앵커 태그에 대해 ng-disabled가 작동하지 않음 나는 NG-disable을 사용하고 있어, 마음에 들어.입력과 버튼에 도움이 됩니다.앵커 태그가 작동하지 않는 경우.어떻게 고칠 수 있죠? HTML code Add JS code $scope.addInviteesDisabled = function() { return $scope.event.status === APP_CONSTANTS.STATUSES.PENDING_APPROVAL; }; 하이퍼링크에 대해 비활성화된 속성은 없습니다.다음과 같이 할 수 있습니다. .disabled { cursor: not-allowed; } Add $scope.disabled = function() { if($scope.addInviteesDisab..

bestsource 2023.02.23

디렉티브에서의 ControllerA 사용

디렉티브에서의 ControllerA 사용 난 존 파파의 각을 따라가려고 노력중이야JS 스타일 가이드는 이쪽에서 controllerAs를 사용하는 것으로 방향을 전환했습니다.그러나 이것은 동작하지 않습니다.템플릿이 VM에 할당된 항목에 액세스할 수 없는 것 같습니다.동작을 나타내는 매우 간단한 plnkr 예를 참조하십시오. http://plnkr.co/edit/bVl1TcxlZLZ7oPCbk8sk?p=preview angular .module('app', []); angular .module('app') .directive('test', test); function test() { return { restrict: 'E', template: '{{text}}', controller: testCtrl, co..

bestsource 2023.02.13

페이지를 새로 고치면 "페이지를 찾을 수 없습니다"가 표시됩니다.

페이지를 새로 고치면 "페이지를 찾을 수 없습니다"가 표시됩니다. 하나의 ng뷰와 여러 개의 컨트롤러와 뷰를 사용하는 앱을 가지고 있습니다.루트를 탐색하면 다음과 같이 됩니다.www.example.com, 모든 것이 작동합니다.Ctrl+R(Refresh)을 누르면 "404 error not Found(페이지를 찾을 수 없습니다)"라는 메시지가 나타납니다.예: 이 페이지를 새로 고치면 오류가 발생합니다. http://example.com/item/1/. 그러나 해시방을 사용하여 페이지에 접속하면 works.eg:http://example.com/#!/item/1/ 이 문제를 어떻게 해결해야 할까요?나의.htaccess비어 있습니다.그리고 HTML5 해시방을 지원하는 크롬을 사용하고 있습니다.브라우저가 호출..

bestsource 2023.02.13

angular.js에서 명령어의 앰퍼샌드는 무엇을 의미합니까?

angular.js에서 명령어의 앰퍼샌드는 무엇을 의미합니까? 이 코드에서는: app.directive( 'myCustomDirective', function() { return { restrict: 'EA', scope: { value: '=myCustomDirective', clickable: '&', editing: '=' }, template: '', ... 무엇인가.clickable: '&'무엇을 의미합니까? Angular 문서를 찾으면 이해할 수 없습니다.설명 내용을 이미 알고 있는 사람만이 이해할 수 있는 catch-22 코드로 쓰여져 있는 것 같습니다. 예를 들어, 이 비디오를 발견했는데, 그것이 설명되고 있는 것 같습니다만, 그는 중국어를 하고 있었을지도 모릅니다. 업데이트: 새로운 디렉..

bestsource 2023.02.13

각상화의 목적은 무엇입니까?

각상화의 목적은 무엇입니까? 여기서 angular and openlayers 디렉티브의 예를 살펴보던 중 다음 예를 발견했습니다. Center autodiscover example Latitude : Longitude : Zoom : Discover position 이 예는, 여기에서는 실제의 예로서 볼 수 있습니다. 로딩되는 파일에 대한 질문입니다.왜 다음 스크립트가 로딩되는지 잘 모르겠습니다. 위의 스크립트의 목적은 무엇입니까? 편집: : :여기서 이 모듈의 git repo와 docs를 angular HERE에서 찾았습니다만, 이 스크립트의 목적은 아직 모릅니다.이 문서에는 예도 포함되어 있지 않습니다. 저는 jQuery로 꽤 코드를 작성했습니다만, 이것을 jQuery로 설명할 수 있는 사람이 있습니..

bestsource 2023.02.09

angular.js에서 우클릭 이벤트를 처리하려면 어떻게 해야 합니까?

angular.js에서 우클릭 이벤트를 처리하려면 어떻게 해야 합니까? 왼쪽 클릭(ng-click) 시 한 가지 작업을 수행하고 오른쪽 클릭 시 다른 작업을 수행하도록 요소를 설정하는 방법이 있습니까? 지금 제겐 다음과 같은 게 있어요. {{getPointsSpent()}} 또한 span을 오른쪽 클릭하여 함수 decrement()를 실행할 수도 있습니다.명령어를 사용하여 오른쪽 클릭 시 특정 액션을 바인딩할 수 있습니다.contextmenu이벤트: app.directive('ngRightClick', function($parse) { return function(scope, element, attrs) { var fn = $parse(attrs.ngRightClick); element.bind('con..

bestsource 2023.02.09
반응형