반응형

AngularJS 16

약속을 돌려주는 각진 공장

약속을 돌려주는 각진 공장 앱이 시작되면 서버에서 설정을 로드합니다.대부분의 컨트롤러는 유용한 작업을 수행하기 전에 이 기능을 필요로 합니다.컨트롤러의 코드를 가능한 한 간단하게 하고 싶습니다.내 시도는 실패했지만, 다음과 같다. app.factory('settings', ['$rootScope', '$http', '$q', function($rootScope, $http, $q) { var deferred = $q.defer(); $http.get('/api/public/settings/get').success(function(data) { $rootScope.settings = data; deferred.resolve(); }); return deferred.promise; }]); app.contr..

programing 2023.03.19

Angular UI-Router의 한 상태에서 더 많은 옵션 파라미터

Angular UI-Router의 한 상태에서 더 많은 옵션 파라미터 쿼리 문자열을 사용하지 않고 하나의 루트 이름만 사용하지 않고 루트에 옵션파라미터를 허용하려면 어떻게 해야 합니다.현재 각 루트를 5회 지정하여 모든 부품의 조합을 허용하고 있습니다. 모든 부품은 옵션이어야 합니다.루트는 모든 변동을 해결해야 합니다. .state("login", { url: "/login", templateUrl: "login.html", params: { a: null, b: null, c: null, d: null } }) .state("loginA", { url: "/login/:a", templateUrl: "login.html", params: { b: null, c: null, d: null } }) .st..

programing 2023.03.19

html 대신 일반 텍스트를 출력하는 angularjs

html 대신 일반 텍스트를 출력하는 angularjs 다음과 같은 문자가 있습니다. My text 태그 없이 표시: My text 태그도 붙이고 싶지 않고 벗기고 싶어요.어떻게 하면 쉽게 할 수 있을까요? 각도 html: {{myText | htmlToPlaintext}} jQuery는 약 40배 느립니다. 이 간단한 작업에는 jQuery를 사용하지 마십시오. function htmlToPlaintext(text) { return text ? String(text).replace(/]+>/gm, '') : ''; } 사용방법: var plain_text = htmlToPlaintext( your_html ); angular.js: angular.module('myApp.filters', []). fil..

programing 2023.03.19

DD/MM/YYY 날짜 형식(Moment.js)

DD/MM/YYY 날짜 형식(Moment.js) moment.js를 사용하여 현재 날짜를 이 형식(DD/MM/YYY)으로 변경하려면 어떻게 해야 합니까? 아래 코드를 사용해 보았습니다. $scope.SearchDate = moment(new Date(), "DD/MM/YYYY"); 하지만 돌아온다.0037-11-24T18:30:00.000Z현재 날짜 형식을 지정하는 데 도움이 되지 않았습니다. 포맷된 값을 가져오려면 format() 함수를 호출해야 합니다. $scope.SearchDate = moment(new Date()).format("DD/MM/YYYY") //or $scope.SearchDate = moment().format("DD/MM/YYYY") 지정한 포름테이트를 사용하여 지정된 문자열에서..

programing 2023.03.19

Angular에서 간단한 부트스트랩 예/아니오 확인 또는 알림 경고 생성JS

Angular에서 간단한 부트스트랩 예/아니오 확인 또는 알림 경고 생성JS 각도 이외의 환경에서는 매우 간단합니다.html과 js 코드 두 줄만 있으면 화면에 모달 확인 대화상자가 나타납니다. 이제 Angular를 개발하고 있습니다.JS프로젝트에서는 ui-bootstrap modal 확인 다이얼로그를 사용하고 있습니다만, 「이 레코드를 삭제해도 될까요?」라고 하는 간단한 것에도 새로운 컨트롤러를 작성하는 것에 싫증이 납니다. 당신은 이러한 간단한 상황을 어떻게 대처합니까?나는 몇몇 사람들이 요구를 단순화하기 위해 몇 가지 지침을 썼다고 확신한다. 당신의 경험이나 그 주제에 대해 알고 있는 프로젝트를 공유해 주었으면 합니다.재사용 가능한 서비스를 만듭니다.여기서 읽다 코드: angular.module('..

programing 2023.03.14

바인딩된 변수를 ng-click 함수에 전달하려면 어떻게 해야 합니까?

바인딩된 변수를 ng-click 함수에 전달하려면 어떻게 해야 합니까? 문자열이나 숫자를 받아들이지만 ng-model 변수를 받아들이지 않는 간단한 삭제 버튼이 있습니다(이것이 올바른 용어인지 확실하지 않습니다). delete 그럼 다음이 생성됩니다. delete 그러나 클릭해도 아무 일도 일어나지 않습니다.변수를 하드코드하면 정상적으로 동작합니다.'각선' 방식이 아닌 것 같은데, 그게 뭔지 잘 모르겠어요. 컨트롤러 코드는 다음과 같습니다. $scope.delete = function ( id ) { alert( 'delete ' + id ); } 괄호는 사용할 필요가 없습니다( ){{}})의ng-click, 이것을 시험해 보세요. delete 디렉티브는 식을 바인드합니다.Angular 코드를 직접 실행..

programing 2023.03.09

angularjs UI 라우터의 상태 간에 $scope 데이터를 공유하려면 어떻게 해야 합니까?

angularjs UI 라우터의 상태 간에 $scope 데이터를 공유하려면 어떻게 해야 합니까? 부모 컨트롤러에서 서비스를 사용하거나 감시자를 구성하지 않고 자녀에게 메인 컨트롤러에 대한 접근권을 부여하려면 어떻게 해야 합니까?$scope. .state("main", { controller:'mainController', url:"/main", templateUrl: "main_init.html" }) .state("main.1", { controller:'mainController', parent: 'main', url:"/1", templateUrl: 'form_1.html' }) .state("main.2", { controller:'mainController', parent: 'main', url..

programing 2023.03.09

대규모 데이터 세트(angular.js)에 비해 ngRepeat의 성능을 향상시키는 방법

대규모 데이터 세트(angular.js)에 비해 ngRepeat의 성능을 향상시키는 방법 수천 개의 행으로 이루어진 거대한 데이터 세트가 있으며, 각 행마다 약 10개의 필드와 약 2MB의 데이터가 있습니다.이치노 접근법 데이터 , )$scope, let, 렛츠ng-repeat=""정상적으로 동작합니다만, DOM 에 노드를 삽입하기 시작하면, 약 30분간 브라우저를 정지합니다.이문 어떻 떻떻 떻? ??? 가지 것입니다.$scopengRepeat다음 청크를 DOM에 삽입한 후 다음 청크로 이동합니다.그러나 AFAIK ngRepeat는 "반복"이 종료되었을 때 보고하지 않기 때문에 추악해집니다. 다른 옵션은 서버의 데이터를 여러 페이지로 분할하여 여러 요청으로 가져오는 것인데, 이는 더 추합니다. Angul..

programing 2023.02.27

빈 필드를 사용하여 AngularJS 오더바이

빈 필드를 사용하여 AngularJS 오더바이 데이터를 주문하고 일부 필드가 비어 있거나 값이 없는 경우를 제외하고 모든 수정 작업을 수행합니다.순서가 정해지면 이 빈 필드가 먼저 나타납니다.예를 들어, 숫자를 정렬할 때 "0" 값을 얻기 전에 큰 빈 목록이 표시됩니다. 이렇게 하고 있습니다. ng-click="predicate = 'name'; reverse=!reverse" 그리고. ng-repeat="name in names | orderBy:predicate:reverse" JSFiddle:http://jsfiddle.net/JZuCX/1/ 이것을 쉽게 고칠 수 있는 우아한 방법이 있을까요?무슨 일이 있어도 빈 들판이 꼴찌가 됐으면 좋겠어요.문자열 정렬은 다음과 같습니다. item in (item..

programing 2023.02.27

Angular.js ng-change 이벤트에서 체크박스가 켜져 있는지 여부를 검출합니다.

Angular.js ng-change 이벤트에서 체크박스가 켜져 있는지 여부를 검출합니다. 체크박스를 클릭할 때 체크박스가 온인지 오프인지를 검출하고 싶다. 여기 있습니다. 컨트롤러에는 다음과 같은 기능이 있습니다. $scope.stateChanged = function () { alert('test'); } 체크/체크 해제를 할 때 경보를 울릴 수 있는데 체크박스의 상태를 검출하려면 어떻게 해야 하나요?비슷한 문제를 찾기 위해 조사를 좀 해봤지만 필요한 것을 얻지 못했어요. 그냥 바운드를 이용해서ng-model(answers[item.questID])는 ng-change 메서드에서 그 자체로 값을 매겨 체크되었는지 여부를 검출합니다. 예:- 그리고. $scope.stateChanged = functio..

programing 2023.02.27
반응형