반응형

AngularJS 58

Angular의 q를 사용한 다중 체인 지연 함수JS 데이터 반환 중지

Angular의 q를 사용한 다중 체인 지연 함수JS 데이터 반환 중지 다음 콜이 이전 deferred.resolve의 결과를 얻을 수 있도록 여러 개의 지연 함수 호출을 체인으로 연결하려고 합니다.이러한 콜을 2개 이상 체인으로 하면 데이터가 반환되지 않게 됩니다. 각도 컨트롤러 내부의 기본 코드는 다음과 같습니다. $scope.runAsync = function() { var asyncFn1 = function(data){ var deferred = $q.defer(); $timeout(function(){ console.log("Async fn1 " + data); $scope.outputLines.push("Async fn1 " + data); deferred.resolve("Async fn1 "..

programing 2023.03.28

앱 디렉토리가 아닌 dist 디렉토리에서 grunt 서버를 실행하는 방법

앱 디렉토리가 아닌 dist 디렉토리에서 grunt 서버를 실행하는 방법 끝나고grunt build나의 앵귤러JS 앱에서 내 앱으로dist디렉토리, 테스트하고 싶다.grunt server문제는...grunt server내 안에 있는 모든 코드를 다 써버려서app/디렉토리로 이동합니다.또한, 제가 만든 앱은yo angular. 다음은 Gruntfile.js의 서버 태스크 코드입니다. grunt.registerTask('server', [ 'clean:server', 'coffee:dist', 'compass:server', 'livereload-start', 'connect:livereload', 'open', 'watch' ]); 어떻게 할 수 있을까요?grunt server내 기본 코드만 제공합니다.d..

programing 2023.03.28

Angular를 테스트하려면 어떻게 해야 합니까?재스민과의 JS 서비스?

Angular를 테스트하려면 어떻게 해야 합니까?재스민과의 JS 서비스? (관련 질문이 있습니다.재스민 테스트에서는 각도가 표시되지 않습니다.JS 모듈) Angular를 부트스트랩하지 않고 서비스를 테스트하고 싶을 뿐입니다. 몇 가지 예시와 튜토리얼은 봤지만 난 아무데도 안 가. 파일은 3개뿐입니다. myService.js: 여기서 Angular는JS 서비스 test_myService.js: 서비스 재스민 테스트를 정의합니다. specRunner.html: 일반적인 재스민 설정을 가진 HTML 파일로 앞의 2개의 파일과 Jasmine, Angularjs 및 angular-mocks.js 파일을 Import합니다. 이것은 서비스 코드입니다(테스트하지 않을 때는 예상대로 동작합니다). var myModule..

programing 2023.03.28

node_modules를 별도의 브라우저에 포함하는 방법벤더 번들

node_modules를 별도의 브라우저에 포함하는 방법벤더 번들 Angular를 변환하려고 합니다.브라우저라이즈를 사용할 JS 앱입니다.napa를 사용하여 node_modules에 모든 bower 패키지를 설치했습니다.이제 이들을 별도의 벤더 번들로 브라우저화하여 '외부' 의존관계로 선언합니다.외부처럼 'require'('angular/angular')가 아니라 'require'('angular')가 될 수 있도록 가명을 붙이고 싶어요. 지금까지 본 예(http://benclinkinbeard.com/posts/external-bundles-for-faster-browserify-builds/) 등)에서는 모두 벤더 파일을 「lib」디렉토리에 다운로드하고 있는 것을 전제로 하고 있습니다.node_mod..

programing 2023.03.28

각도에서의 $location.path(경로)와 $location.url(url)의 비교JS

각도에서의 $location.path(경로)와 $location.url(url)의 비교JS 난 이런 전화들을 봤어 $location.url('/path/to/something/' + id + '/index'); 그리고. $location.path('/path/to/something/' + id + '/index'); 그들은 같은 일을 하고 있는 것 같다. 문서에서 URL이 다음과 같은 것을 알 수 있습니다./path?a=b#hashpath는 URL의 일부입니다. 어떤 세터를 사용할지 차이가 있습니까?$location.path또는$location.url같은 주장일 경우)$location.path검색 문자열 매개 변수를 포함하지 않음 슬래시 뒤에 URL 부분을 반환합니다(물음표 뒤에 있음). $locatio..

programing 2023.03.28

Angularjs를 사용하여 프로바이더에 의존관계를 주입하려면 어떻게 해야 합니까?

Angularjs를 사용하여 프로바이더에 의존관계를 주입하려면 어떻게 해야 합니까? 프로바이더 방식으로 DI가 가능한가요? 이 예에서는 angular.module('greet',[]) .provider('greeter',function() { this.$get=function() { }; }) .service('greeterService',function($http){ console.log($http); }) ; 주입$httpinto service는 올바른 구현으로 보이지만 공급자 방식으로는 작동하지 않고 다음과 같은 오류가 발생합니다. 알 수 없는 공급자: $http 프로바이더 메서드는 DI와 연동하여 서비스를 주입합니까?확실히 주사할 수 있어요.$http프로바이더에 접속합니다.에 표시되는 것을 확인해..

programing 2023.03.28

Angular를 사용하여 새 창에서 링크 열기JS

Angular를 사용하여 새 창에서 링크 열기JS Angular에게 말할 방법은 없을까?사용자가 링크를 클릭할 때 새 창에서 링크를 열도록 JS를 선택하십시오. jQuery를 사용하면 다음과 같이 할 수 있습니다. jQuery("a.openInNewWindow").click( function() { window.open(this.href); return false; }) AngularJS와 동등한 기능이 있습니까?여기 다음 지침이 있습니다.target="_blank"모두에게꼬리표를 달다href기여하다.그것은 모두 새로운 창문으로 열린다는 것을 의미한다.지시문은 Angular에서 돔 조작/동작에 사용됩니다.라이브 데모(클릭). app.directive('href', function() { return { ..

programing 2023.03.28

지시문 삽입(프로그래밍 각도)JS

지시문 삽입(프로그래밍 각도)JS 이벤트를 트리거하고 디렉티브를 컴파일하여 그 자체를 DOM의 위치에 삽입할 수 있도록 하고 싶습니다.저는 지금 이런 걸 가지고 있어요. //controller angular.module('app').controller('MainCtrl', function ($scope, $compile) { $scope.$on('insertItem',function(ev,attrs){ var el = $compile( "" )( $scope ); $scope.insertHere = el; }); }); // directive angular.module('app') .directive('chart', function () { return { template: 'My chart', rest..

programing 2023.03.28

src 변수를 사용한ng-module

src 변수를 사용한ng-module ng-includes src를 변수로 변경하고 싶습니다.현재 제가 가지고 있는 것은 이것입니다. 컨트롤러는 다음과 같습니다. ctrl.controller('contentCtrl', ['$scope', function($scope) { $scope.view = "partials/setListName.tpl.html"; }]); 유감스럽게도 ng-view는 이미 이 페이지로 이동하기 위해 사용되고 있기 때문에 사용할 수 없습니다.이런 일을 할 수 있을까요? 다음과 같이 시도합니다. --------------------------------------------- 이렇게 하면 돼요. 표시: 컨트롤러: function AppCtrl ($scope) { $scope.getPa..

programing 2023.03.28

ng-model 입력 유형 'number'는 angularjs가 작동하지 않습니다.

ng-model 입력 유형 'number'는 angularjs가 작동하지 않습니다. angular app에 requiresj를 통합했습니다.requirejs를 통합하기 전에 입력란에 값을 표시하고 있었습니다. 그러나 requirejs와 통합한 후 type="number" 입력란에 값이 표시되지 않습니다.type="text" 입력 상자가 작동합니다. type="number"로 값을 표시하는 방법은 무엇입니까? 감사해요.나는 이 같은 문제에 부딪혀 겨우 해결했다.제 경우 RESTful을 통해 모델을 입수하고 있습니다.$resource그리고 금액의 값이 필드에 문자열로 제공되어 값이 지워집니다.이 문제를 해결하기 위해 컨트롤러에서 다음 작업을 수행하게 되었습니다. $scope.cart = Cart.get(id..

programing 2023.03.23
반응형