반응형

AngularJS 44

angularjs: ng-switch 내의 여러 값: 다음 경우

angularjs: ng-switch 내의 여러 값: 다음 경우 다음 ngSwitch가 있습니다. Wrong Correct 보시는 바와 같이, 제가 본문은Wrong두 가지 옵션에 대해wrong그리고.correct(보시는 바와 같이) 파이프 사용을 시도했습니다.|근데 안 되네.좋은 의견이라도 있나?angular >= v1.5.10의 경우, 다음을 추가하여 할 수 있습니다.ng-switch-when-separator="|"로.ng-switch-whennode. 문서의 예를 참조하십시오. 자세한 내용은 이쪽 https://github.com/angular/angular.js/issues/3410을 참조하십시오.주의: 제 경험에 비추어 볼 때 숫자와 함께 사용할 수 없습니다...아직은요?이는 ng-if를 사용하..

programing 2023.03.20

AngularJS: 서버측 검증과의 통합

AngularJS: 서버측 검증과의 통합 예를 들어 저장 버튼을 포함하는 각진 앱이 있습니다. SAVE 이것은 클라이언트측 검증에 매우 적합합니다.form.$invalid사용자가 문제를 수정하면 false가 되지만 다른 사용자가 동일한 전자 메일로 등록되면 전자 메일 필드가 비활성화됩니다. 이메일 필드를 비활성화하면 양식을 제출할 수 없으며, 사용자는 해당 검증 오류를 수정할 수 없습니다.그래서 더 이상 사용할 수 없게 되었습니다.form.$invalid[ Submit ]버튼을 비활성화합니다. 더 좋은 방법이 있을 거야이것은 커스텀 디렉티브가 친구일 경우의 또 다른 예입니다.디렉티브를 생성하여 검증 중에 서버에 콜백하기 위해 $http 또는 $리소스를 삽입합니다. 커스텀 디렉티브의 유사 코드: app.d..

programing 2023.03.20

Bootstrap-datepicker 요소를 angularjs ng-model과 바인드하는 방법

Bootstrap-datepicker 요소를 angularjs ng-model과 바인드하는 방법 날짜 필드의 html은 다음과 같습니다. Check out 날짜 선택기가 입력 필드에 표시됩니다.다만, 컨트롤러로 이것을 실행했을 경우는, 다음과 같이 됩니다. console.log($scope.checkOut); 나는 이해한다undefined in the javascript console어떻게 해결할 것인가? 더 나은 사용법은 없을까?bootstrap-datepicker와 함께angularjs? 사용하고 싶지 않다angular-ui/angular-strapjavascript 라이브러리로 인해 프로젝트가 비대해졌기 때문입니다.@lort에서 알 수 있듯이 날짜 선택기에는 자체 개인 범위가 있기 때문에 컨트롤러에..

programing 2023.03.20

이온 프레임워크에 의한 이온 다이렉트 VS 각진 재료 다이렉트

이온 프레임워크에 의한 이온 다이렉트 VS 각진 재료 다이렉트 소재 디자인에 이온을 사용하고 싶습니다.커스텀 CSS와 각질 재료와의 이온 방향성 사용 사이에서 고민하고 있다. ionic 디렉티브를 사용하면 다음과 같은 많은 효율적인 기능을 얻을 수 있다고 읽은 적이 있습니다. 다른 보기로 이동한 후 페이지로 돌아간 후에도 UI 라우터로 앱 데이터를 기억합니다. 이온 목록 항목은 표시 높이까지만 렌더링되며 아래로 또는 위로 스크롤할 때 재사용됩니다. 퍼포먼스가 많이 향상되었습니다. 하지만 이온 디렉티브를 사용하면 소재 디자인이 없습니다. 앵귤러 머티리얼을 사용하면 퍼포먼스가 향상되지 않고 모바일 어플리케이션에 필요한 추가 기능도 없어집니다. 각질 재료 지시문은 다음과 같습니다. Hello, {{item}}..

programing 2023.03.15

Angular JS의 행에 대체 클래스를 할당하는 방법

Angular JS의 행에 대체 클래스를 할당하는 방법 테이블의 행에 대체 클래스를 할당하고 싶다.ng-repeat을 사용하고 있습니다. 다음과 같이 출력하고 싶다. ... .... 시도해보니 (작동하지 않음: 작동이 안 돼요.또한 Angular는 'class' 속성을 사용하는 것 같습니다.왜 그러는 거야?Angular에게 말할 수 있을까요?JS는 내부 평가에 클래스 속성을 사용하지 않습니다. 제발 도와주세요.감사합니다!여기에는 각도 지시 ngClassEven 및 ngClassOdd를 사용해야 합니다. 사용 방법에 대해서는, 메뉴얼의 섹션을 참조해 주세요. http://docs.angularjs.org/api/ng.directive:ngClassEven http://docs.angularjs.org/ap..

programing 2023.03.15

angularjs 루트에는 디폴트 파라미터 값을 설정할 수 있습니까?

angularjs 루트에는 디폴트 파라미터 값을 설정할 수 있습니까? AngularJS에서 루트의 파라미터 기본값을 설정할 수 있습니까?이 모든 걸 할 수 있는 방법은 없을까?/products/123그리고./products/같은 경로로 처리됩니까? 다음과 같은 기존 코드를 리팩터링하려고 합니다. myModule.config(['$routeProvider', function($routeProvider) { $routeProvider. when('/products/', {templateUrl: 'products.html', controller: ProductsCtrl}). when('/products/:productId', {templateUrl: 'products.html', controller: Prod..

programing 2023.03.15

ng-animate : 모델 변경 시 애니메이션

ng-animate : 모델 변경 시 애니메이션 사용자가 값을 높이거나 낮출 수 있는 테이블을 만들었습니다.바이올린을 보다 //sample code as its not allowing me to push the link to JSFiddle with out pasting code // css - as from angular page .animate-enter { -webkit-transition: 1s linear all; /* Chrome */ transition: 1s linear all; background-color:Yellow; } .animate-enter.animate-enter-active { background-color:Red; } 사용자가 값을 변경할 경우에 대비하여 모델이 업데이트될..

programing 2023.03.15

angularjs $location 서비스가 url을 구문 분석하지 않은 것 같습니까?

angularjs $location 서비스가 url을 구문 분석하지 않은 것 같습니까? 어플리케이션에서 angular를 사용하고 있습니다.이것은 기본적으로 검색 결과가 있는 테이블입니다.다음 URL을 통해 이 테이블에 액세스할 수 있습니다.http://myapp/?client=clientName 테이블에 대해 각도 컨트롤러가 인스턴스화되며, 특히 모달 대화상자(부트스트랩-ui도 각도 베이스)를 열 수 있습니다. 이러한 행의 자세한 내용은 테이블용과 모달용 양쪽 컨트롤러의 공통 기능을 가진 서비스를 통해 가져옵니다. 이 서비스에서는, 다음의 스니펫을 취득할 수 있습니다. service.fetchRelatedElements = function(element, cb) { var url = '/search.js..

programing 2023.03.15

AngularJS: 템플릿 내에서 변수를 설정하려면 어떻게 해야 합니까?

AngularJS: 템플릿 내에서 변수를 설정하려면 어떻게 해야 합니까? 어떻게 하면 이 모든 것을 피할 수 있을까요?{{f = ...}}세 번째 줄의 스테이트먼트를 인쇄하다forecast[day.iso]? 사용을 피하고 싶다forecast[day.iso].temperature모든 반복에 대해 마찬가지입니다. {{$index}} - {{day.iso}} - {{day.name}} {{f = forecast[day.iso]}} Temperature: {{f.temperature}} Humidity: {{f.humidity}} ... ngInit 사용:https://docs.angularjs.org/api/ng/directive/ngInit {{$index}} - {{day.iso}} - {{day.name..

programing 2023.03.15

AngularJS - 라디오 버튼을 선택한 경우 트리거

AngularJS - 라디오 버튼을 선택한 경우 트리거 여러 가지 ng-xxxxx 옵션을 찾아봤는데 찾을 수가 없었어요.라디오 버튼이 선택되었을 때 컨트롤러의 기능을 호출하고 싶을 뿐입니다. 그래서 다음과 비슷할 수 있습니다.(물론 아래 코드는 동작하지 않습니다) 제가 원하는 것을 이룰 방법이 있을까요?라디오 버튼 선택 시 함수를 호출하는 방법은 적어도2가지가 있습니다. 1) 사용방법ng-change지시: 다음으로 컨트롤러에서 다음을 수행합니다. $scope.newValue = function(value) { console.log(value); } 여기 jsFiddle이 있습니다.http://jsfiddle.net/ZPcSe/5/ 2) 모델의 변화를 관찰합니다.입력 레벨에 특별한 것은 필요 없습니다. 컨..

programing 2023.03.15
반응형