반응형

angularjs 40

각도 설정JS가 정말 jQuery가 필요한가요?

각도 설정JS가 정말 jQuery가 필요한가요? '앵귤러'를 읽고 있었는데JS에는 jQuery의 lite 버전이 포함되어 있습니다.하지만 Angular와 jQuery가 함께 가는 것에 대해 말하는 사람들에 대한 언급이 계속 들린다.심지어 ng-grid를 확인해보니 다음과 같이 되어 있더군요. 앵귤러로 작성된 앵귤러 데이터 그리드각도별 JS 및 jQueryUI팀 따라서 Angular를 사용할 경우 언제 jQuery가 필요하고 Angular의 일부로 제공되는 버전은 무엇입니까?JS는 제공하지 않습니까?jQLite는 jQuery의 매우 제거된 버전입니다.jQLite는 각도가 작동하기에 충분합니다.이는 의존성을 최소화하기 위한 것입니다. 그러나 angular 전에 jQuery를 로드하면 angular는 jQue..

programing 2023.04.02

이 각도 개선소켓과 함께 사용하는 JS 공장.이오

이 각도 개선소켓과 함께 사용하는 JS 공장.이오 AngularJS에서 socket.io을 사용하고 싶습니다.다음 공장을 찾았습니다. app.factory('socket', function ($rootScope) { var socket = io.connect(); return { on: function (eventName, callback) { socket.on(eventName, function () { var args = arguments; $rootScope.$apply(function () { callback.apply(socket, args); }); }); }, emit: function (eventName, data, callback) { socket.emit(eventName, data, ..

programing 2023.04.02

angularjs에서 ng-module을 사용한 애니메이션 사용 방법

angularjs에서 ng-module을 사용한 애니메이션 사용 방법 ng-repeat을 사용하여 반복하는 목록이 있습니다.사용자는 위 화살표 및 아래 화살표 아이콘을 사용하여 목록 항목과 상호 작용할 수 있습니다.이것들을 클릭하면 "목록"에서 요소의 순서를 변경할 수 있습니다.이것은 각도가 모델을 변경하는 것을 제안하고 변경 내용이 자동으로 뷰에 반영됩니다. {{item.name}} moveUp 로직:- $scope.moveUp= function(position){ var temp=list[position-1]; list[position-1]=list[position]; list[position=temp]; }; 위의 코드는 완벽하게 작동하며 아이템을 아래로 이동시키는 논리와 유사합니다.하지만 내가 해..

programing 2023.04.02

3진 연산자의 각도 변환 필터

3진 연산자의 각도 변환 필터 제 프로젝트를 다른 언어로 번역하려고 합니다.각도 번역 라이브러리를 사용하여 번역이 포함된 외부 JSON 파일을 제공했습니다.다음과 같습니다. { "hello_world": "Hola Mundo" } 심플한 하드코드 스트링과 함께 사용하면 정상적으로 동작하며 올바른 번역이 제공됩니다. {{ "hello_world" | translate }} 하지만 이렇게 코드화된 3진 연산자는 어떻게 처리하지? {{ conditionValue ? 'Show' : 'Hide' }} Angular Translate를 사용하여 이러한 'Show' 및 'Hide' 값을 번역 필터로 변경하는 방법은 무엇입니까?다른 방법을 시도했지만 잘못된 구문 오류가 발생했습니다.감사합니다!내 생각엔 네가 이걸 싸..

programing 2023.03.28

URL 없이 상태 간에 데이터를 전달하는 AngularJS UI 라우터

URL 없이 상태 간에 데이터를 전달하는 AngularJS UI 라우터 url내의 데이터를 공개하지 않고, 2개의 스테이트간에 데이터를 건네주는 문제에 직면하고 있습니다.사용자가 직접 이 스테이트에 액세스 할 수 없는 것과 같습니다. 예를들면.저는 "A"와 "B"의 두 개의 주가 있습니다.상태 "A"에서 서버 콜을 실행하고 콜 응답을 상태 "B"로 전달합니다.서버 콜의 응답은 문자열 메시지이며, 상당히 길기 때문에 URL에 표시할 수 없습니다. 따라서 url 파라미터를 사용하지 않고 angular ui 라우터에서 상태 간에 데이터를 전달할 수 있는 방법이 있습니까?사용할 수 있습니다.paramsUI 라우터의 새로운 기능: API 레퍼런스 / ui.router.state / $stateProvider pa..

programing 2023.03.28

ng-show(어레이 길이가 0일 경우)

ng-show(어레이 길이가 0일 경우) 저는 AngularJS 초보자입니다.필터 처리 중에 "ng-show"를 사용하여 "No Tag Found"를 표시하려고 합니다. JS: function simpleController($scope) { $scope.tags = ['HTML','CSS','Jquery','Bootstrap','AngularJS']; } HTML: {{myKeys}} No Tag Found 어레이 값 이외의 값을 입력하면 위의 코드를 사용하여 "No Tag Found" (태그를 찾을 수 없습니다)가 표시되지 않습니다.제발 도와주세요.감사해요.필터링을 하고 있는 경우ng-repeat, 같은 필터를 적용할 필요가 있습니다.ng-show그렇지 않으면ng-show는 항상 풀 어레이를 참조합니다..

programing 2023.03.28

각도에서의 오류 처리JS http get 후 구성

각도에서의 오류 처리JS http get 후 구성 AngularJS "http get then" 구성(약속)을 사용할 때 500과 같은 HTTP 오류를 어떻게 처리할 수 있습니까? $http.get(url).then( function(response) { console.log('get',response) } ) 문제는 200 이외의 HTTP 응답에서는 내부 함수가 호출되지 않는다는 것입니다.다음 파라미터를 추가해야 합니다. $http.get(url).then( function(response) { console.log('get',response) }, function(data) { // Handle error here }) 다음을 사용하여 이 부분을 보다 깔끔하게 만들 수 있습니다. $http.get(u..

programing 2023.03.28

ng-include src를 동적으로 구축하려면 어떻게 해야 합니까?

ng-include src를 동적으로 구축하려면 어떻게 해야 합니까? 다음 코드가 있습니다. 다음과 같이 src에 문자열을 빌드할 수 있으면 좋겠습니다. /modules/{{module.Name}}/{{module.Name}}.tpl.html 하지만 난 계속 바리케이드를 치고 있어.콜백 기능을 사용하여 구축하려고 했지만 $scope.constructTemplateUrl = function(id) { return '/modules/' + id + '/' + id + '.tpl.html'; } 하지만 이것은 계속해서 불려지고 또 불려지고 그것은 좋아하지 않는 것 같다.또, 다음과 같이 구축하려고 하고 있습니다. ng-src="/modules/{{module.Id}}/{{module.Id}}.tpl.html"..

programing 2023.03.28

Angular에서 여러 컨트롤러를 사용하는 방법JS가 맞습니까?

Angular에서 여러 컨트롤러를 사용하는 방법JS가 맞습니까? 저는 AngularJS를 시작하고 있으며, 제가 알기로는 웹 페이지 섹션마다 다른 컨트롤러를 사용할 수 있습니다.나는 그것을 작동시키는 데 어려움을 겪고 있다.페이지에는 2개의 섹션이 있으며 각각에 대응하고 있습니다.ng-controller(JSFiddle).첫 번째 섹션만 작동합니다.예를 들어 현재app1동작은 양호하지만 아래쪽으로 이동하면app2app2만 정상적으로 동작합니다.뭐가 잘못됐나요?이 동작의 이유와 링크에 대해 설명해 주시면 감사하겠습니다.여러 개의 컨트롤러를 가질 수 있지만 여러 개의 컨트롤러를 가질 수는 없습니다.ng-app지시사항을 같은 페이지에 표시합니다.즉, 1개만 있으면 됩니다.ng-apphtml의 명령어로 어플리케..

programing 2023.03.23

jQuery로 입력 값을 설정한 후 각도 모델 업데이트

jQuery로 입력 값을 설정한 후 각도 모델 업데이트 다음과 같은 간단한 시나리오가 있습니다. jQuery의 val() 메서드에 의해 값이 변경되는 입력 요소. 각도 모델을 jQuery가 설정한 값으로 업데이트하려고 합니다.간단한 지시문을 작성하려고 했는데 뜻대로 되지 않아요. 지시사항은 다음과 같습니다. var myApp = angular.module('myApp', []); myApp.directive('testChange', function() { return function(scope, element, attrs) { element.bind('change', function() { console.log('value changed'); }) } }) jQuery 부분은 다음과 같습니다. $(fun..

programing 2023.03.23
반응형