반응형

AngularJS 31

angularjs에서 inside select box 옵션을 ng-translate하는 방법

angularjs에서 inside select box 옵션을 ng-translate하는 방법 선택 상자 내의 옵션을 변환하려면 어떻게 ng-translate를 적용해야 합니까? 예를 들어 다음과 같습니다. 템플릿: 컨트롤러: $scope.genders = [{code: "M", name:"TXT_MALE"}, {code: "F", name:"TXT_FEMALE"}] enUS.json: { "TXT_MALE": "Male", "TXT_FEMALE": "Female", } 필터를 넣으려고 했는데ng-options="gender.name for gender in genders | translate"필터가 더해진 건 분명해$scope.genders단일 요소가 아닌 배열 직접 필터를 써 보았습니다(처음입니다). ..

programing 2023.03.25

ngResource에 비해 Resangular를 사용하는 이점은 무엇입니까?

ngResource에 비해 Resangular를 사용하는 이점은 무엇입니까? ngResource...로 일을 실행하는 것은 이미 매우 간단해 보인다. ngResource에 비해 Resangular를 사용하는 장점/단점은 무엇입니까? 1.1.3$resource약속을 반환하고 최신 PR 커밋을 사용하여 시험할 수 있습니다.향후 지원 제공 예정$resource리스앵귤러에서 하는 추가 동사를 지원하려면요?그리고 만약 그렇게 된다면 Resangular는 없어지고 무관심해질 것 같다.나는 Resangular의 창조자입니다. README에 $resource와 다른 섹션을 만들었습니다.https://github.com/mgonto/restangular/blob/master/README.md#differences-wit..

programing 2023.03.25

컨트롤러에서 $inject를 사용할 수 없습니다.

컨트롤러에서 $inject를 사용할 수 없습니다. Angular에 주입하는 것에 대해 완전히 혼란스럽다.어디에 왜 써야 할지 모르겠어요.여기 기술된 대로 공장에서만 사용하나요? myController.$inject = ['$scope','notify']; 여기서notify공장 이름입니다.이는 코드가 최소화된 후(최소화를 선택한 경우) 의존성 주입을 지원하기 위한 한 가지 방법입니다. 컨트롤러를 선언하면 함수는 다음 파라미터를 가져옵니다. function ($scope, notify) 코드를 최소화하면 다음과 같은 기능이 나타납니다. function (a, b) 각진 이후JS는 함수 매개 변수 이름을 사용하여 DI를 추론합니다. 각도로 인해 코드가 끊어집니다.JS가 모르는 것a또는b. 이 문제를 해결하기 ..

programing 2023.03.20

Jasmine 2.0 async done() 및 angular-mocks inject()가 같은 테스트 it()에서 사용됩니다.

Jasmine 2.0 async done() 및 angular-mocks inject()가 같은 테스트 it()에서 사용됩니다. 제가 평소에 사용하는 테스트 케이스는 it("should send get request", inject(function(someServices) { //some test })); 재스민 2.0 비동기 테스트는 it("should send get request", function(done) { someAsync.then(function(){ done(); }); }); 어떻게 하면 done과 injection을 한 번에 사용할 수 있나요?이거면 될 거예요.재스민 2.0으로 업데이트 했을 때도 같은 문제가 발생했어요. it("should send get request", funct..

programing 2023.03.20

ng하위 수에 따른 숨김 또는 ngShow

ng하위 수에 따른 숨김 또는 ngShow 물어보는 게 정말 바보같은 짓이라는 건 알지만, 다음과 같은 방법이 있는지 궁금해요. // shown @Josh David Miller의 답변에 더하여 다음 값은 각도에서 거짓으로 간주됩니다. 1) 빈 어레이 2) 빈 문자열 //스페이스도 true로 간주됩니다. 3) false가 있는 부울 4) 표시 5) 표시 6) 0 그래서 데이빗의 대답은 다음과 같이 쓸 수 있다. 더 짧을 수도 있고 AngularJS는 버전 1.3.0에서 획기적인 변화를 가져왔습니다! 불행히도 라즈카말스의 답은 더 이상 정확하지 않다. 이 버전부터는 다음 6개의 값만 거짓으로 간주됩니다. false null undefined NaN 0 "" 값'f','0','false','no','n' ★..

programing 2023.03.20

바인드 클래스를 창 스크롤 이벤트로 전환

바인드 클래스를 창 스크롤 이벤트로 전환 사용자가 브라우저 창을 특정 지점 아래로 스크롤하면 #page div의 클래스를 전환합니다. 내가 지금까지 해 온 일은 잘 되어가고 있다. http://jsfiddle.net/eTTZj/29/ fix me when scroll is equals to 100 fix me when scroll is equals to 150 여기서 JSFiddle 작업 편집: ~하듯이$apply()실제로 전화하고 있다$rootScope.$digest()직접 사용할 수 있습니다.$scope.$digest()대신$scope.$apply()콘텍스트에 따라 퍼포먼스가 향상됩니다. 요약하자면:$apply()항상 작동하지만 강제로$digest퍼포먼스 문제를 일으킬 수 있는 모든 스코프에 대해 설..

programing 2023.03.20

각도 부트스트랩모달:알 수 없는 공급자: $modal인스턴스 프로바이더

각도 부트스트랩모달:알 수 없는 공급자: $modal인스턴스 프로바이더 컨트롤러에서 Angular Bootstrap Modal 디렉티브(http://angular-ui.github.io/bootstrap/)를 사용하여 모드를 열려고 합니다. function customerSearch() { var modalInstance = $modal.open({ templateUrl: 'app/customer/customers.modal.html', controller: 'customers.modal' }); modalInstance.result.then(function(selectedCustomer) { console.log(selectedCustomer); }); } 모드 컨트롤러: var controllerId..

programing 2023.03.20

$location을 사용한 AngularJS 페이징경로는 ngView 새로고침 없음

$location을 사용한 AngularJS 페이징경로는 ngView 새로고침 없음 한 페이지 어플리케이션으로 홈페이지가 로딩되어 일련의 아이디어를 표시하고 싶습니다.각 아이디어는 애니메이션 플래시 용기에 표시되며 애니메이션이 표시되어 아이디어 사이를 순환합니다. 아이디어는 $http를 사용하여 로드됩니다. $scope.flash = new FlashInterface scope:$scope,location:$location $http.get("/competition.json") .success (data) -> $scope.flash._init data 다만, 이력 네비게이션과 UX의 이점을 얻기 위해 $location을 사용하여 각 아이디어의 올바른 URL을 표시하도록 주소 표시줄을 업데이트하고 싶습니..

programing 2023.03.15

AngularJS: 디자인 패턴의 이해

AngularJS: 디자인 패턴의 이해 이고르 미나르의 이 글의 맥락에서, 앵글의 선두는JS: MVC vs MVVM vs MVP.많은 개발자들이 토론하고 논쟁하는 데 몇 시간이고 할애할 수 있는 얼마나 논란이 많은 주제인가. 몇 년 동안 각진JS는 MVC(또는 클라이언트 측 변종 중 하나)에 가까웠지만 시간이 지남에 따라 많은 리팩터링과 API 개선 덕분에 MVVM에 가까워졌습니다. $scope 객체는 컨트롤러라고 하는 함수에 의해 장식되는 ViewModel로 간주될 수 있습니다. 프레임워크를 분류하여 MV* 버킷 중 하나에 넣을 수 있는 몇 가지 장점이 있습니다.프레임워크로 구축되고 있는 어플리케이션을 나타내는 멘탈모델을 쉽게 작성함으로써 개발자가 아피스에 더 익숙해지도록 도울 수 있습니다.또한 개발자..

programing 2023.03.15

AngularJS - ng-repeat에서 정의되지 않은 속성에 대한 필터?

AngularJS - ng-repeat에서 정의되지 않은 속성에 대한 필터? 나의 앵귤러용JS프로젝트(v1.2.3), 루트 리스트가 있고 오브젝트에서 네비게이션 바를 작성하려고 합니다.정의되지 않은 오브젝트를 표시하려고 합니다.isRight속성이 정의되어 있는 다른 스타일과 다른 스타일입니다. 인원ng-repeat정의되지 않은 개체로 필터링하고 싶다.isRight소유물.어떻게 하면 이 작업을 할 수 있을까요?ng-repeat커스텀 필터 기능을 작성하지 않고 속성을 설정할 수 있습니까? $scope.nav = [ { path: '/', title: 'Home' }, { path: '/blog', title: 'Blog' }, { path: '/about', title: 'About' }, { path: '..

programing 2023.03.10
반응형