반응형

AngularJS 23

여러 식에서 ng-click을 사용하는 방법

여러 식에서 ng-click을 사용하는 방법 이 질문에는 이미 답변이 있습니다. 한 번의 ng클릭으로 여러 기능을 추가하는 방법 (9개의 답변) 닫힘8년 전. ng-click을 사용하여 여러 식을 수행합니다.모델에 값을 설정하고, 에서 메서드를 호출하고 싶다.$scope, 다음과 같이 합니다. {{book.title}} 내가 가진 곳&&제가 하고 싶은 두 가지 표현을 분리해서.컨트롤러에서 두 가지 작업을 모두 수행할 수 있는 방법을 추가할 수 있습니다.그냥 할까요? 아니면 안에서 직접 두 가지 표현을 할 수 있는 방법이 있을까요?ng-click?& 대신 ';'을 사용하여 식을 구분하는 것이 좋습니다. {{book.title}} 표현식만 쓸 수 있습니다.ng-click. ngClick 디렉티브를 사용하면 ..

programing 2023.03.26

AngularJS $resource RESTful 예시

AngularJS $resource RESTful 예시 $리소스를 사용하여 RESTful 웹 서비스를 호출하고 싶은데(아직 작업 중) Angular가 있는지 알고 싶습니다.먼저 JS 스크립트를 수정합니다. ToDo DTO에는 다음이 있습니다.{id, order, content, done} :cmd내가 전화할 수 있도록api/1/todo/reset데이터베이스의 작업관리 테이블을 지웁니다. 다음은 저의 이해에 대한 코멘트를 담은 코드입니다. function TodoService($resource) { var src = $resource('api/1/todo/:id:cmd', {id: "@id", cmd: "@cmd"}, //parameters default { ListTodos: { method: "GET"..

programing 2023.03.26

컨트롤러 내에서 $setValid 사용

컨트롤러 내에서 $setValid 사용 파일 변경에 대한 검증을 하려고 합니다.코드는 다음과 같습니다. 표시/템플릿 Error Selected file is too large Unsupported File type 컨트롤러 angular.module("myapp").controller("myctrl", function($scope) { $scope.setFile = function(element) { $scope.$apply(function($scope) { var fileObject = element.files[0]; $scope.file.fileType = fileObject.type.toUpperCase().substring(fileObject.type.indexOf("/") + 1); // Val..

programing 2023.03.21

angular.copy를 사용하는 이유와 시기(Deep Copy)

angular.copy를 사용하는 이유와 시기(Deep Copy) 서비스에서 받은 모든 데이터를 로컬 변수, 컨트롤러 또는 범위에 직접 저장했습니다.얕은 복사라고 생각되는 게 맞나? Example: DataService.callFunction() .then(function(response) { $scope.example = response.data; }); 최근 딥 카피를 작성하려면 angular.copy를 사용하라는 지시를 받았습니다. $scope.example = angular.copy(response.data); 단, 딥 카피 정보는 Angular 어플리케이션에서 사용할 때와 동일하게 동작하는 것 같습니다.딥 카피(angular.copy)를 사용하면 어떤 이점이 있는지 설명해 주시겠습니까?angul..

programing 2023.03.21

html 요소 없이 ng-repeat을 사용하는 방법

html 요소 없이 ng-repeat을 사용하는 방법 사용할 필요가 있다ng-repeat(θθ)JS 내의 합니다.JS)를 사용합니다. 복잡한 점은 배열의 각 요소가 테이블의 1행, 2행 또는 3행 중 하나로 변환된다는 것입니다. html의 유효한 html을 수 .ng-repeat、 element 、 is is 、 is is is is is is is 사이에 되지 않기 때문에 됩니다. ★★★★★★★★★★★★★★★★★」. 를 들어 "ng-repeat"에서 뭇매를 맞다 ... ... ... ... ... ... 잘못된 html입니다. 하지만 내가 생성되어야 할 것은: ... ... ... ... ... ... 여기서 첫 번째 행은 첫 번째 배열 요소에 의해 생성되고, 다음 세 번째 행은 두 번째 배열 요소에 ..

programing 2023.03.21

AngularJs ng클릭으로 다른 페이지로 이동(Ionic 프레임워크 사용)

AngularJs ng클릭으로 다른 페이지로 이동(Ionic 프레임워크 사용) 이상적으로는 버튼(상단의 Ionic 네비게이션바에 있음)을 클릭하면 다른 페이지로 이동합니다.하지만 작동하지 않는다.클릭하면 탐색 모음 버튼이 모두 사라집니다. 더미 코드를 사용하면 동작합니다.경보가 표시됩니다.그러나 실제 코드로 바꾸면 동작하지 않습니다. 컨트롤러 코드와 URL 또는 뷰가 어떻게 참조되는지 뭔가 잘못된 느낌이 듭니다.그러나 href 및 ui-sref를 사용한 테스트에서도 아무것도 얻을 수 없습니다.Google Devt Tools(JS 콘솔)와 Batarang도 아무것도 표시되지 않습니다. 누가 길 좀 가르쳐 주시겠어요? 더미 HTML 코드 js 파일의 더미 컨트롤러 코드 $scope.create = funct..

programing 2023.03.16

끌어서 놓기 정렬 가능한 ng:AngularJs에서 반복하시겠습니까?

끌어서 놓기 정렬 가능한 ng:AngularJs에서 반복하시겠습니까? AngularJS의 요소에서 사용하기 쉬운가요? 아이템의 순서를 바꾸면, 자동적으로 그 순서가 소스 어레이로 되돌려져 버리면, 매우 편리합니다.하지만 두 시스템이 싸울까 두렵습니다.더 좋은 방법이 있을까요?Angular UI에는 정렬 가능한 지시어가 있습니다.데모를 보려면 여기를 클릭하십시오. 코드는 ui-sortable, 사용방법: {{ item }} $scope.sorted = (event, ui) => { console.log(ui.item[0].getAttribute('id')) } 저도 같은 방법으로 다음과 같은 해결책을 생각해 냈습니다. angular.directive("my:sortable", function(express..

programing 2023.03.16

AngularJS 시드: JavaScript를 별도의 파일(app.js, controllers.js, directives.js, filters.js, services.js)에 저장합니다.

AngularJS 시드: JavaScript를 별도의 파일(app.js, controllers.js, directives.js, filters.js, services.js)에 저장합니다. 각진 시드 템플릿을 사용하여 응용 프로그램을 구성하고 있습니다.처음에는 모든 JavaScript 코드를 하나의 파일에 저장했습니다.main.js이 파일에는 모듈 선언, 컨트롤러, 디렉티브, 필터 및 서비스가 포함되어 있습니다.이렇게 어플리케이션은 정상적으로 동작하지만 어플리케이션이 복잡해짐에 따라 scalability와 유지보수가 걱정됩니다.앵귤러 시드 템플릿에는 각각 다른 파일이 있는 것을 알게 되었습니다.그래서 싱글에서 코드를 배포하려고 했습니다.main.js이 질문의 제목에 기재되어 있는 다른 각 파일에 파일을 파..

programing 2023.03.11

왜 ng-href 지령에는 {{}}이(가) 필요한데 다른 지령에는 필요하지 않은가?

왜 ng-href 지령에는 {{}}이(가) 필요한데 다른 지령에는 필요하지 않은가? ng-href에 더블컬리브래스를 추가할 필요가 있는 이유는 무엇입니까?다른 디렉티브는 필요 없습니다. link 주의해 주세요ng-href교정기가 필요한 동안ng-ifDoesn't.저는 당신의 질문에 대해 잘 모르겠습니다.하지만 당신은 왜 각도 지시어에 다른 구문 스타일이 있는지 궁금해 하고 있다고 생각합니다.우선, 이 투고를 봐주세요: 각진 JS에서의 더블 컬리와 싱글 컬리의 차이점?답은 두 가지 사이의 차이를 설명한다.{{}},{}치열 교정기 없음. 구체적인 예에 대해서는, 설명서에 기재되어 있는 바와 같이, 다음과 같습니다.ng-href템플릿이 필요합니다( 를 포함할 수 있는 임의의 문자열).{{}}마크업)을 사용하는..

programing 2023.03.11

플레이 프레임워크 2.1 - 각도JS 라우팅 - 최적의 솔루션?

플레이 프레임워크 2.1 - 각도JS 라우팅 - 최적의 솔루션? 앵귤러 호를 통과해서JS 튜토리얼Angular는 자체 JS 라우팅 메커니즘을 사용하여 단일 페이지 앱을 허용합니다.Angular 라우팅 파일의 예는 다음과 같습니다. angular.module('phonecat', []). config(['$routeProvider', function($routeProvider) { $routeProvider. when('/phones', {templateUrl: '/partials/phone-list', controller: PhoneListCtrl}). when('/phones/:phoneId', {templateUrl: 'partials/phone-detail', controller: PhoneDeta..

programing 2023.03.06
반응형