반응형

angularjs 47

요소가 DOM에 있을 때까지 기다리는 연장기

요소가 DOM에 있을 때까지 기다리는 연장기 프로젝터를 사용하는 데 문제가 좀 있습니다.페이지 작업을 시작하기 위해 다른 요소에서 벗어나기 어려운 매우 이상한 UI 라우터 상태가 있습니다.DOM에 최종적으로 요소가 나타날 때까지 기다리라고 하는 방법이 있습니까?표시/표시되지 않지만 실제로 작성되었습니까?wait for the element를 계속 사용하려고 하는데 선택되지 않는 것이 분명합니다. browser.driver.wait(function () { return elem.isDisplayed(); }); 사용할 수 있어야 합니다.browser.wait[ Expected Condition ]와 함께 설정합니다. var until = protractor.ExpectedConditions; browser..

source 2023.03.15

Angular.js에서 AJAX 콜을 발신하기 위한 베스트 프랙티스는 무엇입니까?

Angular.js에서 AJAX 콜을 발신하기 위한 베스트 프랙티스는 무엇입니까? 저는 http://eviltrout.com/2013/06/15/ember-vs-angular.html이라는 기사를 읽고 있었습니다. 그리고 이렇게 써있었어요 규약이 없기 때문에 컨트롤러 내에서 직접 AJAX 콜과 같은 불량 프랙티스에 의존하는 Angular 프로젝트는 몇 개나 됩니까?의존관계 주입에 의해 개발자는 라우터 파라미터를 디렉티브에 주입하고 있습니까?초보자 각도JS 개발자들은 경험이 많은 Angular와 같은 방식으로 코드를 구성할 것입니다.JS 개발자는 관용적이라고 생각하십니까? 는 사실 ★★★★★★★을 만들고 있습니다.$httpAngular.js angular angular angular 。왜쁜쁜 행행? 하면 ..

source 2023.03.15

단위 테스트 각도templateUrl이 있는 JS 디렉티브

단위 테스트 각도templateUrl이 있는 JS 디렉티브 각도 사용JS. 지시를 받다. 는 「」를 정의합니다.templateUrl. 지시문에는 단위 테스트가 필요합니다. 현재 Jasmine과 유닛 테스트 중입니다. 이것은 다음과 같은 코드를 권장합니다. describe('module: my.module', function () { beforeEach(module('my.module')); describe('my-directive directive', function () { var scope, $compile; beforeEach(inject(function (_$rootScope_, _$compile_, $injector) { scope = _$rootScope_; $compile = _$compil..

source 2023.03.15

Angular JS - 오염되지 않은 것과 만져지지 않은 것의 차이

Angular JS - 오염되지 않은 것과 만져지지 않은 것의 차이 AngularJS Developer Guide - Forms(양식)에는 양식과 필드에 관한 다양한 스타일과 지시사항이 나열되어 있습니다.각 CSS 클래스: ng-valid ng-invalid ng-pristine ng-dirty ng-touched ng-untouched 와의 차이는 무엇입니까?pristine/dirty,그리고.touched/untouched?AngularJS Developer Guide - Angular에서 사용하는 CSS 클래스JS @property {boolean} $untouched 컨트롤이 아직 포커스를 잃지 않은 경우 True입니다. @property {boolean} $touched 컨트롤이 포커스를 잃었을 ..

source 2023.03.15

$watch는 초기화 직후에 트리거됩니다.왜요?

$watch는 초기화 직후에 트리거됩니다.왜요? 페이지 로드 직후 $watch가 트리거되는 이유는 무엇입니까?또한 이를 방지하려면 어떻게 해야 합니까? http://jsfiddle.net/dcSRu/2/ function MyCtrl($scope) { // Init scope vars $scope.data_copy = {}; // If data_copy changes... $scope.$watch("data_copy", function(newValue, oldValue) { alert("$watch triggered!"); }, true); } 첫 번째 실행 시 두 값 모두(newValue그리고.oldValue)가 같기 때문에, 동등성을 체크하는 것으로 간단하게 회피할 수 있습니다. $scope.$watc..

source 2023.03.10

입력에 숫자(자릿수와 소수점)만 입력할 수 있도록 하려면 어떻게 해야 합니까?

입력에 숫자(자릿수와 소수점)만 입력할 수 있도록 하려면 어떻게 해야 합니까? 텍스트 상자에 입력된 유효한 숫자만 허용하는 방법은 무엇입니까? 예를 들어, 사용자는 "1.25"를 입력할 수 있지만 "1.a" 또는 "1.."은 입력할 수 없습니다.사용자가 비활성화된 다음 문자를 입력하려고 하면 입력할 수 없습니다.수치 사용자 입력을 필터링하는 훌륭한 방법을 설명하기 위해 CodePen의 예를 작성했습니다.디렉티브는 현재 양의 정수만 허용하지만 원하는 숫자 형식을 지원하도록 regex를 쉽게 업데이트할 수 있습니다. 사용법은 간단합니다. 이 지시는 매우 이해하기 쉽습니다. var app = angular.module('myApp', []); app.controller('MainCtrl', function($..

source 2023.03.10

AngularJs의 서비스에 dateFilter를 삽입합니다.

AngularJs의 서비스에 dateFilter를 삽입합니다. AngularJs의 서비스에 필터를 주입하는 방법이 있는지 알고 싶습니다. 난 노력해왔다. app.factory('educationService', [function($rootScope, $filter) { // ..... Some code // What I want console.log(dateFilter(new Date(), 'yyyy-MM-01')); // ..... Some code }]); 그래서 서비스에 필터를 주입할 수 있는지, 아니면 다른 방법으로 접근할 수 있는지 알고 싶습니다. 그리고 이 점에 관한 문서에 대한 링크가 있다면 매우 좋을 것입니다. :) Angular 문서를 검색했는데 도움이 되는 내용을 찾을 수 없었습니다. ..

source 2023.03.10

Angular로 트리뷰를 만들 수 있습니까?

Angular로 트리뷰를 만들 수 있습니까? 웹 앱에서 트리 구조로 데이터를 표시하려고 합니다.나는 Angular를 이 작업에 사용하고 싶었다. ng-repeat으로 노드 목록을 반복할 수 있을 것 같습니다만, 특정 노드의 깊이가 커지면 어떻게 네스트를 할 수 있을까요? 아래 코드를 시도했지만 HTML의 자동 이스케이핑으로 인해 동작하지 않습니다.게다가 끝 ul 태그가 잘못된 곳에 있어요. 내가 이 문제에 대해 완전히 잘못된 방향으로 가고 있는 것이 확실하다. 좋은 생각 있어요?이 바이올린 좀 봐 원본 : http://jsfiddle.net/brendanowen/uXbn6/8/ 갱신일 : http://jsfiddle.net/animaxf/uXbn6/4779/ 더 잘 알 수예요.tree like struc..

source 2023.03.10

http://www.google.com/로부터의 응답에 대한 "요청된 리소스에 'Access-Control-Allow-Origin' 헤더가 없습니다" 오류입니다.

http://www.google.com/로부터의 응답에 대한 "요청된 리소스에 'Access-Control-Allow-Origin' 헤더가 없습니다" 오류입니다. //Create an Angular Module. var newsModule = angular.module('NewsModule', []); //Create an Angular Controller. newsModule.controller('newsCtrl', ['$scope', '$http', function ($scope, $http) { //function retrives POST,UPDATE,DELETE,GET data $http.defaults.headers.put = { 'Access-Control-Allow-Origin': '*', ..

source 2023.03.05

디렉티브의 method 인수가 AngularJS에 지정되어 있는지 확인하는 방법

디렉티브의 method 인수가 AngularJS에 지정되어 있는지 확인하는 방법 버튼이 포함된 커스텀 디렉티브를 작성했습니다.이 버튼은 '콜백' 속성으로 지정된 부모 범위에서 메서드를 호출합니다. 질문입니다. 템플릿 내부의 버튼 표시 여부를 제어하려면 어떻게 해야 합니까?커스텀 태그에 callback 속성이 지정되어 있지 않은 경우는 숨기고 싶다(3rd my-directive 태그 참조).콜백 유형을 체크하면 항상 function이 표시되며 angular.isDefined(...)도 true를 반환합니다.&?를 사용하면 속성이 설정되지 않은 경우 정의되지 않은 상태로 반환됩니다. '&' = 콜백 함수는 항상 정의됩니다. &? = callback 함수는 속성이 html 템플릿에 정의되어 있는 경우에만 정의..

source 2023.03.05
반응형