반응형

angularJs 38

UI 라우터 URL에서 문자열 매개 변수를 쿼리하시겠습니까?

UI 라우터 URL에서 문자열 매개 변수를 쿼리하시겠습니까? 상태는 다음과 같습니다. .state('quotes', { abstract: true, url: '/quotes' }) .state('quotes.new', { url: '/new', templateUrl: 'views/quote-form.html', controller: 'QuoteFormCtrl' }) .state('quotes.new.customer', { url: '?customer', templateUrl: 'views/quote-form.html', controller: 'QuoteFormCtrl' }) URL을 눌렀을 때/quotes/new?customer=123고객 쿼리 문자열이 제거되고 다음 위치에 남습니다.quotes.new주..

programing 2023.03.01

AngularJS - 이미지 "다운로드" 이벤트

AngularJS - 이미지 "다운로드" 이벤트 간단하지만 사소하지 않은 질문에 대한 답을 찾고 있습니다.이미지를 포착하는 올바른 방법은 무엇입니까?onloadjqLite를 사용하는 경우에만 Angular에서 이벤트가 발생합니까?나는 이 질문을 찾았지만, 나는 지침과 함께 해결책을 원한다. 말씀드렸듯이, 이것은 저에게 받아들여지지 않습니다. .controller("MyCtrl", function($scope){ // ... img.onload = function () { // ... } 명령어가 아니라 컨트롤러에 있기 때문입니다. 다음은 Angular에 내장된 이벤트 처리 지침 스타일로 재사용 가능한 지침입니다. angular.module('sbLoad', []) .directive('sbLoad', [..

programing 2023.03.01

Angular에서의 양방향 데이터 바인딩JS 디렉티브

Angular에서의 양방향 데이터 바인딩JS 디렉티브 데이터베이스에 저장된 필드의 유형과 매개변수에 따라 양식에 다른 "위젯"을 표시할 수 있도록 지시문을 정의하려고 했습니다.다양한 시나리오에 대응할 필요가 있기 때문에 레이아웃에 대한 지시가 필요합니다. 몇 가지 예를 가지고 놀다가, *kinda*가 동작하는 코드를 생각해 냈습니다. HTML 지시. myApp.directive('zippy', function(){ return { restrict: 'C', // This HTML will replace the zippy directive. transclude: true, scope: { title:'=zippyTitle' }, template: '', // The linking function will ..

programing 2023.03.01

선택 옵션에 대한 값 속성을 설정하려면 어떻게 해야 합니까?

선택 옵션에 대한 값 속성을 설정하려면 어떻게 해야 합니까? 소스 JSON 데이터는 다음과 같습니다. [ {"name":"Alabama","code":"AL"}, {"name":"Alaska","code":"AK"}, {"name":"American Samoa","code":"AS"}, ... ] 나는 노력한다 ng-options="i.code as i.name for i in regions" 하지만 얻는 것은: Alabama Alaska American Samoa 다음 정보를 얻을 수 있습니다. Alabama Alaska American Samoa 그럼 어떻게 하면 가치 속성을 얻고 "?" 아이템을 없앨 수 있을까요? 덧붙여서 $scope.regions를 AJAX 요청 결과가 아닌 정적 JSON으로 설..

programing 2023.02.24

요소가 존재하는지 여부에 대한 조건을 영사기에 작성하는 방법

요소가 존재하는지 여부에 대한 조건을 영사기에 작성하는 방법 저는 프로젝터 JS를 사용하고 있습니다.그리고 이 사이트는 Angular JS로 되어 있습니다. 토글 스위치가 있어요스위치를 끄거나 켜면 토글스위치의 값이 true에서 false로, false에서 true로 바뀝니다. 프로젝터가 페이지를 방문했을 때 전환 스위치가 'OFF'로 되어 있으면 'ON'으로 되어 있는 상태를 만들려고 합니다.토글 스위치가 이미 'ON' 상태이면 먼저 스위치를 'OFF'한 다음 다시 'ON' 상태로 전환합니다. 이 코드를 생각해 냈는데, 어떤 이유로 동작하지 않습니다. if( expect(element(By.id('toggle-switch')).element(By.css('[value="false"]')).isDispl..

programing 2023.02.24

컨트롤러를 테스트하기 위한 서비스 모킹

컨트롤러를 테스트하기 위한 서비스 모킹 저는 Parse Service를 가지고 있는데, 그것을 사용하는 모든 컨트롤러를 테스트하기 위해 조롱하고 싶습니다.저는 Jasmine Spy에 대해 읽고 있습니다만, 아직 불분명합니다.커스텀 서비스를 시뮬레이트하여 컨트롤러 테스트에서 사용하는 예를 들어 주실 수 있습니까? 현재 본 서비스를 사용하여 책을 삽입하는 컨트롤러가 있습니다. BookCrossingApp.controller('AddBookCtrl', function ($scope, DataService, $location) { $scope.registerNewBook = function (book) { DataService.registerBook(book, function (isResult, result) ..

programing 2023.02.24

AngularJS에서 입력 트림을 비활성화하는 방법은 무엇입니까?

AngularJS에서 입력 트림을 비활성화하는 방법은 무엇입니까? 몇 가지 이상한 행동을 발견했는데, 기본적으로 모델 값이 앵글 트리밍됩니다.그리고 빠른 검색은 이 문제를 해결하는 데 도움이 되지 않습니다.찾았다ng-no-trim지시적 제안,ng-trim기타 등등.하지만 아무 것도 안 된다. 아래에 이 문제를 나타내는 작은 조각을 제공했습니다. function Ctrl($scope) { $scope.text=''; $scope.$watch('text', function (newValue) { console.log(newValue); }); } 여기서도 이 단편들을 시도해 보세요. 모델과 동기화된 텍스트 영역을 추가했습니다.text그러나 새로운 후행 공간을 추가하거나 새 후행 공간에 줄을 끊을 때 보기 위..

programing 2023.02.24

ng-show/hide 대체 방법 또는 DOM의 관련 섹션만 로드하는 방법

ng-show/hide 대체 방법 또는 DOM의 관련 섹션만 로드하는 방법 ng-show/-hide를 사용하면 해당 블록에 포함된 콘텐츠가 처음에는 사용자 화면에 표시됩니다.(angular.js가 로드되어 실행된 후) 몇 밀리초 후에만 올바른 블록이 ng-show에 표시됩니다. 데이터의 관련 섹션만 DOM에 로드하는 데 ng-show/hide보다 더 좋은 방법이 있을까요? ng-view의 문제는 페이지에 1개밖에 표시되지 않기 때문에 현재 상태에 따라 DOM의 여러 섹션의 동작을 전환해야 한다는 것입니다. "컴파일되지 않은 콘텐츠의 플래시"를 방지하려면 다음 명령 대신 ng-bind를 사용합니다.{{}}또는 ng-module을 사용합니다. Hello, {{name}}! ng-cloak을 사용하고 HTML..

programing 2023.02.24
반응형