반응형

angularjs 54

angularjs에서 폼의 유효성을 확인하려면 어떻게 해야 합니까?

angularjs에서 폼의 유효성을 확인하려면 어떻게 해야 합니까? 저는 angularjs를 잘 몰라요.내 앱에 양식이 있다고 해.인스펙터를 사용하여 angularjs가 폼이 무효라고 생각되면 폼에 ng-invalid 클래스를 추가합니다.사랑스러워. 그럼 양식이 유효한지 확인하기 위해서는 Jquery selector로 코드를 오염시켜야 하는 건가요?폼 컨트롤러를 사용하지 않고 폼의 유효성을 나타내는 angularjs 방법은 무엇입니까?, ngApp, Angular, 가 자동으로 실제로는 JS라는 지시가 ).form의 name Atribute는 Atribute와 같은 입니다.을 사용하다...다음 조건을 충족합니다. 폼은 FormController 인스턴스입니다.폼 인스턴스는 name 속성을 사용하여 옵션으..

programing 2023.03.12

JSON 피드에서 선택한 드롭다운 목록을 AngularJS로 채우려면 어떻게 해야 합니까?

JSON 피드에서 선택한 드롭다운 목록을 AngularJS로 채우려면 어떻게 해야 합니까? 예시를 찾았지만 전혀 찾을 수 없었습니다.제가 아는 건 http 모듈을 사용하여 데이터를 가져올 수 있다는 것뿐입니다.이게 제가 지금 하고 있는 일이지만 Knockout으로 코딩되어 있습니다.AngularJS를 사용하여 이 기능을 재코딩하는 방법에 대해 조언해 주시겠습니까? HTML 자바스크립트 그것을 하는 적절한 방법은 지시를 사용하는 것이다.HTML은 이렇게 생겼을 거예요. Select Account JavaScript: angular.module('test', []).controller('DemoCtrl', function ($scope, $http) { $scope.selectedTestAccount = n..

programing 2023.03.07

AngularJS: ng-include에 각부하 스크립트를 작성하는 방법

AngularJS: ng-include에 각부하 스크립트를 작성하는 방법 야, 나 앵귤러 웹페이지 만들고 있어.문제는 이미 앵글이 없는 것이 있는데 나도 포함시켜야 한다는 것이다. 문제는 이것입니다. 메인에는 이런 게 있어요.html: 그리고 제 partial.html에는 이런 게 있어요 heading 1 그리고 내 partial.js는 angularjs와는 아무 상관이 없어nginclude는 동작하고 html은 표시되지만 javascript 파일은 전혀 로드되지 않습니다.firebug/chrome-dev-tool 사용법은 알지만 네트워크 요청은 보이지 않습니다.내가 뭘 잘못하고 있지? I knwangle은 대본 태그에 특별한 의미가 있습니다.덮어쓸 수 있나요?1.2.0-rc1+(Github 문제)에서는..

programing 2023.03.07

Bootstrap for Angular와 Material for Angular의 조합에 의한 설계

Bootstrap for Angular와 Material for Angular의 조합에 의한 설계 이 템플릿으로 프로젝트를 진행 중입니다. 템플릿은 AngularJs와 Bootstrap-UI(각선용 부트스트랩)를 사용하여 작성되어 있으며 카드 등의 머티리얼 디자인 요소를 포함하고 싶습니다. 그렇게 할 수 있을까요?추천해주실 수 있나요?이 템플릿은 이미 마음에 들어하고 많은 요소를 사용하고 있습니다만, 재료 디자인에는 카드, 드롭다운, 라벨 애니메이션이 들어간 텍스트 입력 등이 있어 매우 훌륭합니다. 제 질문은 다음과 같습니다. AngularJS + Bootstrap for Angular + Material Design for Angular = Awesomeness 또는 Disaster?부트스트랩과 앵귤러..

programing 2023.03.07

브라우저에서 testacular를 사용한 디버깅(현재의 카르마)

브라우저에서 testacular를 사용한 디버깅(현재의 카르마) 유닛 테스트를 망가뜨렸을 때 디버깅하는 최선의 방법을 찾고 있습니다.일반적으로 이전 테스트 환경에서는 브라우저에서 테스트를 실행하여 테스트 또는 코드를 중단하고 테스트가 실패한 원인을 확인할 수 있었습니다.증언을 어떻게 해야 할지 모르겠군요유닛 테스트를 쉽게 디버깅할 수 있는 방법이 있나요? 인karma.conf.js: browsers = ['Chrome']; 사양에 실패했을 경우: it('spec', function() { debugger; // This is like setting a breakpoint // ... }); 업보를 실행하다. 새로 연 Chrome 브라우저로 이동하여 콘솔을 열고 페이지를 새로 고칩니다. 이제 Chrome의..

programing 2023.03.07

AngularJs의 지시어 내에서 스코프를 수정하는 방법

AngularJs의 지시어 내에서 스코프를 수정하는 방법 디렉티브 내의 콜백 내에서 루트 스코프 속성을 변경해야 합니다.단, 디렉티브는 스위치 디렉티브에 의해 작성된 내부 범위 내에 있습니다. HTML Selected: {{ selected }} Item: {{ selected }} Worked 자바스크립트 angular.module('app', []) .directive("customTag", [function () { return { restrict: "E", replace: true, template: "", link: function (scope, element, attrs) { element.bind('click', function () { scope[attrs.selectedItem] = "N..

programing 2023.03.02

angular.js를 사용하여 입력 상자를 비활성화하는 방법

angular.js를 사용하여 입력 상자를 비활성화하는 방법 편집 보기 및 작성 보기에 이 필드를 사용합니다. 컨트롤러에 입력 요소를 비활성화하기 위한 코드가 있습니다. function($rootScope, $scope, $location, userService) { //etc $(".editEmail" ).attr("disabled", disable); // no idea how to do in angular } 제발 도와주세요.ng-disabled 또는 ng-class와 함께 특수 CSS 클래스 사용 ng-disabled 디렉티브를 사용해야 합니다. 이 명령어를 작성했습니다(각도 안정 1.0.8). enable/disable app.controller("myController", function(){..

programing 2023.03.02

단순 js 코드에서 angularjs 서비스를 호출합니다.

단순 js 코드에서 angularjs 서비스를 호출합니다. 다음과 같은 angularjs 서비스가 있습니다. angular.module('app.main').factory('MyService', ["$http", function ($http) { return new function () { this.GetName = function () { return "MyName"; }; }; }]); 전화하려면 어떻게 해야 하나요?GetName에서 기능하다MyService기존 JS 코드에서요?각지게 사용하세요.인젝터코드를 사용하여 다음과 같은 작업을 수행할 수 있습니다. angular.module('main.app', []).factory('MyService', ['$http', function ($http) { ..

programing 2023.03.02

ng-repeat에서 Angularjs OrderBy가 작동하지 않음

ng-repeat에서 Angularjs OrderBy가 작동하지 않음 Angular를 사용하려고 합니다.JS는 제 첫 프로젝트(토너먼트 매니저)와orderBy에 여과하다.ng-repeat가 동작하지 않는다:(그 것에 관한 모든 문서를 읽었지만, 아무것도 할 수 없다:/ 그래서, 내가 정의해놓은 대표팀이$scope다음과 같이 합니다. $scope.order_item = "count_win"; $scope.order_reverse = false; $scope.teams = { 100 : { id: 100, name: "XXX", count_win: 1, count_loose: 2, goal_average: 1, }, 200 : { id: 200, name: "XXX", count_win: 1, count_l..

programing 2023.03.02

속성별 AngularJS 정렬

속성별 AngularJS 정렬 제가 하려는 것은 데이터를 속성별로 분류하는 것입니다.여기 내가 해야 한다고 생각했지만 효과가 없는 예가 있다. HTML 부품: {{value.order}}. {{key}} -> {{value.name}} JS 부품: var myApp = angular.module('myApp', []); myApp.controller('controller', ['$scope', function ($scope) { $scope.testData = { C: {name:"CData", order: 1}, B: {name:"BData", order: 2}, A: {name:"AData", order: 3}, } }]); 그 결과: A - > AData B -> BData C -> CData IM..

programing 2023.03.02
반응형