반응형

angularJS 45

이온으로 표 작성

이온으로 표 작성 Ionic에서 테이블을 만들어야 합니다.Ionic grid를 사용하려고 생각했지만 원하는 것을 이루지 못했습니다.이거 어떻게 해?다음은 제가 원하는 것과 비슷한 이미지입니다. 이거 쓸 수 있는데 사진처럼 열을 어떻게 나눠요? Candy Bars Butterfinger ... Flexbox 그리드는 원하는 기능을 수행합니다.어떤 제한에 부딪혔는지 명확하지 않기 때문에 구체적으로 대처하기가 어렵습니다. 여기 코드펜과 작업 샘플이 있습니다.이 샘플은 처음 몇 개의 행과 헤더를 사용하여 테이블을 생성합니다.http://codepen.io/anon/pen/pjzKMZ HTML Service Provider Details Utility Company Name Service Code Pay Limi..

code 2023.02.22

클래스 이름 또는 ID별로 요소를 가져오는 방법

클래스 이름 또는 ID별로 요소를 가져오는 방법 html에서 angularjs로 요소를 찾으려고 합니다. html은 다음과 같습니다. Choose multiple files 클래스 이름 다중 파일로 버튼 요소를 가져오려고 합니다. var multibutton = angular.element(element.getElementsByClassName(".multi-files")); 하지만 그것은 작동하지 않고, 시도했다.element.find태그에만 적용됩니다. angularjs에서 id 또는 classname으로 요소를 가져올 수 있는 함수가 있습니까? getElementsByClassName는 DOM Document의 기능입니다.jQuery 함수도 jqLite 함수도 아닙니다. 클래스 이름을 사용할 때 클..

code 2023.02.22

Karma 테스트를 실행하는 각도 오류: HTML5 모드에는 태그가 필요합니다.

Karma 테스트를 실행하는 각도 오류: HTML5 모드에는 태그가 필요합니다. 저는 Rails 백엔드를 가진 한 페이지짜리 Angular 앱을 가지고 있습니다.태그 사용 중입니다.index.htmlKarma를 사용하여 프런트 엔드 유닛 테스트를 실행하면 다음과 같은 메시지가 나타납니다. $location in HTML5 mode requires a tag to be present 메인 .js 파일에서 다음을 수행합니다. angular.module('my.module').config( function($locationProvider, $routeProvider) { $locationProvider.html5Mode( true ); } 그래서, 내가 주사할 방법은 없을까?어떤 요소들이 존재하는지 알 수 있..

code 2023.02.22

ng-disabled일 때 CSS를 변경하는 방법

ng-disabled일 때 CSS를 변경하는 방법 나는 이것을 가지고 있다.button: 하지만 비활성화되어도 동일한 기능을 가지고 있습니다.class활성화되어 있기 때문에 클릭할 수 없습니다.비활성화 시 배경을 변경하여 사용자가 해당 버튼을 볼 수 있도록 합니다. 비활성화되어 있습니다.내가 어떻게 그럴 수 있을까?내가 좀 필요하니?ng-disabledCSS 수업 아니면 다른 방법이 있나요?토레스가 대답한 것은 잘 될 것입니다만, Angular의 도움은 필요 없습니다.여기에서는 JS가 전혀 없습니다(원어민 실장 및 사용방법은 항상 최적입니다). CSS3에 대한 클래스가 있기 때문에 사용할 수 있습니다.예: input.save-changes { /* some style when the element is ..

code 2023.02.22

Angular가 있는 컨트롤러에 서비스 주입JS

Angular가 있는 컨트롤러에 서비스 주입JS 저는 AngularJS로 서비스를 작성했습니다만, Angular-seed 방식으로 작업을 할 수 없습니다. 컨트롤러 코드는 다음과 같습니다. /*function PhotoCtrl($scope, Photo) { $scope.photos = Photo.query(); }*/ angular.module('myApp.controllers', []). controller('PhotoCtrl', [function($scope,Photo) { $scope.photos = Photo.query(); }]) .controller('MyCtrl2', [function() { }]); 코멘트 아웃 섹션은 정상적으로 동작하고 있습니다만, (권장하는) 세컨드 방식으로 대응하고 싶..

code 2023.02.22

'오류: [$parse:lexerr] 렉서 오류:heroku 전개 시 예기치 않은 다음 캐릭터'

'오류: [$parse:lexerr] 렉서 오류:heroku 전개 시 예기치 않은 다음 캐릭터' yoman generator를 사용하여 각진 앱을 만들었습니다.개발에서는 매우 효과가 있습니다만, 헤로쿠에 전개하고 특정 페이지를 방문하면 다음과 같은 에러가 발생합니다. Error: [$parse:lexerr] Lexer Error: Unexpected next character at columns 0-0 [\] in expression [\]. http://errors.angularjs.org/1.2.6/$parse/lexerr?p0=Unexpected%20nextharacter%20&p1=s%200-0%20%5B%5C%5D&p2=%5C at http://ang-news.herokuapp.com/scrip..

code 2023.02.16

각도 방향에서 부울 값을 바인딩하려면 어떻게 해야 합니까?

각도 방향에서 부울 값을 바인딩하려면 어떻게 해야 합니까? 몇 가지 부울 속성을 디렉티브에 바인드/설정하고 싶습니다.하지만 나는 이것을 어떻게 해야 하는지 그리고 다음 행동을 성취할 수 있는지 정말 모르겠다. 구조물에 플래그를 설정한다고 가정해 보겠습니다.리스트를 접을 수 있는지 없는지 확인합니다.다음과 같은 HTML 코드를 가지고 있습니다. items쌍방향으로 묶여 있습니다.name단순한 속성입니다. 그러면 좋겠어요.collapsable값(true, false 또는 기타)을 전달함으로써 리스트의 $syslog에서 사용할 수 있는 속성(양방향 바인딩) UI 컴포넌트를 개발 중인데 여러 가지 방법으로 조작할 수 있도록 하고 싶습니다.오브젝트의 속성을 속성에 전달하여 컴포넌트의 상태를 알고 싶은 사람도 있습..

code 2023.02.16

AngularJs에서 ng-repeat으로 필터링(키, 값)하는 방법

AngularJs에서 ng-repeat으로 필터링(키, 값)하는 방법 다음과 같은 작업을 수행하려고 합니다. {{k}} {{v.pos}} AngularJs 부품: function TestCtrl($scope) { $scope.items = { 'A2F0C7':{'secId':'12345', 'pos':'a20'}, 'C8B3D1':{'pos':'b10'} }; $scope.hasSecurityId = function(k,v) { return v.hasOwnProperty('secId'); } } 그런데 어쩐지 모든 아이템이 다 보여.(키, 값)을 필터링하려면 어떻게 해야 합니까?각도 필터는 angular의 API에서 객체가 아닌 배열에만 적용할 수 있습니다. "배열에서 항목의 하위 집합을 선택하고 새 배..

code 2023.02.12

서비스/팩토리에서 컨트롤러로의 바인딩 변수

서비스/팩토리에서 컨트롤러로의 바인딩 변수 1개 이상의 컨트롤러에 의해 사용되는 변수가 서비스에 의해 변경되었습니다.이 경우 이 변수를 메모리에 저장하고 컨트롤러 간에 공유하는 서비스를 구축했습니다. 문제는 변수가 변경될 때마다 컨트롤러의 변수가 실시간으로 업데이트되지 않는다는 것입니다. 내가 이 바이올린을 만든 건 도와드리기 위해서야http://jsfiddle.net/ncyVK/ --- 주의:{{countService}}또는{{countFactory}}카운트 값을 증가시켜도 업데이트되지 않습니다. 컨트롤러에서 서비스/공장 변수를 $scope.variable에 바인드하려면 어떻게 해야 합니까?내가 뭘 잘못하고 있지?변수를 바인딩할 수 없습니다.단, 이 변수를 포함하는 변수접근자 또는 오브젝트를 바인드할 ..

code 2023.02.12

AngularJS: 컨트롤러에서 해결 기능을 사용할 경우 최소화할 수 있는 구문 수정

AngularJS: 컨트롤러에서 해결 기능을 사용할 경우 최소화할 수 있는 구문 수정 다음과 같이 새 뷰의 렌더링이 시작되기 전에 몇 가지 데이터를 가져오기 위해 컨트롤러에서 해결 기능을 사용하고 있습니다. HomeCtrl.resolve = { pictures: function(Picture) { return Picture.getall(); } }; 어떻게 하면 인수로 전달된 사진 서비스가 축소되어도 덮어쓰지 않게 할 수 있을까요?다음 패턴을 사용하여 종속성을 주입할 수 있습니다. 최소화 증거입니다. HomeCtrl.resolve = { pictures : ['Picture', function(Picture) { return Picture.getall(); }] }; 해결 기능을 안전하게 최소화하는 또 ..

code 2023.02.12
반응형