instargram

ng-cloak 디렉티브를 올바르게 사용하는 방법 어찌된 일인지 앵귤러로 ng-cloakJS가 안 돼요.페이지를 로드하는 동안 {{ }}을(를) 숨기고 싶습니다.끔찍해 보이니까. {{ isShow }} {{ isShow }} 여기서 이 css 추가 [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak { display: none !important; } 부모 div 또는 앱을 정의한 위치에 클래스 이름 또는 속성을 사용합니다. 예: Angular 문서에서: 최상의 결과를 얻으려면angular.js스크립트는 html 문서의 선두 섹션에 로드해야 합니다.그렇지 않으면 위의 css 규칙을 응용 프로그램의 외부 스타일시트에 ..

Angularjs의 templateUrl을 사용하여 템플릿을 로드할 수 없습니다. Angularjs와 templateUrl을 사용하여 템플릿을 로드하는 방법을 배우고 있습니다. 간단한 지시가 있습니다. var mainApp = angular.module("mainApp", []); mainApp.directive("request", function() { return { restrict: "E", scope: { data: "@" }, templateUrl: "te.html" } }) 다음과 같이 지시어를 사용하려고 합니다. title actions 페이지를 열면 다음과 같은 예외가 발생합니다. XMLHttpRequest cannot load file:///Users/chenguangli/Document..

NodeJs - JWT 토큰에서 사용자 정보를 검색하시겠습니까? 노드 및 각도.MEAN 스택 인증 어플리케이션을 사용하고 있습니다.이 어플리케이션에서는 로그인에 성공했을 때 다음과 같이 JWT 토큰을 설정하고 이를 컨트롤러 내의 세션에 저장합니다.설정에 JWT 토큰 할당서비스 인터셉터를 통한 헤더: var token = jwt.sign({id: user._id}, secret.secretToken, { expiresIn: tokenManager.TOKEN_EXPIRATION_SEC }); return res.json({token:token}); authservice.js Interceptor( 생략된 requestError, response 및 responseError): authServices.fact..

Angular에서 속성 접두사 "x-" 및 "data-"는 어떻게 사용됩니까?JS Angular는 처음이라 "x-"와 "data-" 접두사가 무엇을 의미하는지 이해하려고 합니다.디렉티브 매뉴얼(http://docs.angularjs.org/guide/directive)에는 이러한 프레픽스가 디렉티브를 만드는 것으로 기재되어 있습니다.HTML 검증기 준거"이게 정확히 무슨 뜻이죠?HTML5 사양에서는 다음과 같은 데이터 앞에 임의의 속성을 추가할 수 있습니다. 이것은 유효하지 않은 HTML5 입니다. 데이터 속성에 대한 자세한 내용은 여기를 참조하십시오. "x-" 속성은 XHTML 검증에 고유한 "x:" 속성 및 요소를 의미한다고 생각합니다. XHTML을 사용하는 경우 다음과 같이 네임스페이스를 사용하여 ..

재스민 테스트 각도templateUrl을 사용하는 JS 지시어 앵귤러에 대한 지시 테스트를 쓰고 있어요JS와 Jasmine 및 templateUrl을 함께 사용합니다.https://gist.github.com/tanepiper/62bd10125e8408def5cc 그러나 테스트를 실행하면 Gest에 포함된 오류가 나타납니다. Error: Unexpected request: GET views/currency-select.html 의사록에서 읽은 바로는 올바르게 하고 있다고 생각했지만, 그렇지 않은 것 같습니다.여기서 놓치고 있는 것은 무엇입니까? 감사해요.ngMockE2E 또는 ngMock을 사용하는 경우: 모든 HTTP 요청은 사용자가 지정한 규칙을 사용하여 로컬로 처리되며 서버에 전달되지 않습니다.템플..

여러 angular.js 앱 간에 단일 서비스 공유 저는 e커머스 사이트(shopify 기반)를 구축하고 있으며, 퀵 쇼핑 카트, 위시리스트, 필터링 제품 및 기타 몇 가지 작은 아이템을 처리하기 위해 여러 개의 작은 anguljs 앱을 사용하고 있습니다.처음에는 하나의 큰 애플리케이션(라우팅 등)을 사용했지만, 완전한 REST API가 없을 때는 조금 제한적이었습니다. 앵글 앱(카트 서비스이므로 미니 카트에 반영되는 퀵 애드 버튼 등)으로 공유하고 싶은 서비스가 몇 가지 있습니다만, 어떻게 하면 좋을지 모르겠습니다(방법이 있으면).서비스와 모듈을 공유하는 것만으로는 앱 전체에서 동일한 상태를 유지할 수 없습니다. 시도해보았지만, 두 앱 모두 상태가 갱신되지 않는 것 같습니다.다음은 제가 사용해 본 ja..

ng-include 노드를 템플릿으로 바꾸시겠습니까? 각이 지기엔 좀 생소하네요ng-include 노드를 포함된 템플릿의 내용으로 대체할 수 있습니까?예를 들어 다음과 같습니다. 생성되는 html은 다음과 같습니다. Test 하지만 내가 원하는 건 Test 같은 문제가 있었는데도 ng-include의 기능에 다이내믹템플릿이 포함되기를 원했습니다.다이내믹 부트스트랩툴바를 만들고 있었는데, CSS스타일을 올바르게 적용하기 위해서는 클리너 마크업이 필요했습니다. 관심 있는 분들을 위해 제가 생각해낸 솔루션은 다음과 같습니다. HTML: 커스텀 디렉티브: app.directive('includeReplace', function () { return { require: 'ngInclude', restrict: '..

angular.js의 컨트롤러 간에 변수 공유 앵글을 처음 접하는 사람인데 앵글 컨트롤러 간에 변수를 어떻게 공유할 수 있는지 궁금합니다.다음 스크립트를 사용하고 있습니다. Main.js의 경우: function MainCntl($scope) { ---code } function SearchCtrl($scope, $http) { $scope.url = 'http://10.0.0.13:9000/processAdHoc'; $scope.errorM = "No results"; $scope.search = function() { $http.post($scope.url, { "data" : $scope.keywords}). success(function(data, status) { $scope.status = s..

html 내의 각도 함수를 호출합니다. 스코프내에서 설계한 함수를 호출하는 방법이 있는지 확인했습니다. {{meter.DESCRIPTION}} {{htmlgeneration}} $scope.htmlgeneration = function() { blah blah } 이 함수는 html generation이라고 불립니다.기본적으로 각을 사용하면서 LI 요소 안에 html을 동적으로 추가하고 싶습니다. 네, 괄호만 더하면 됩니다(함수 호출).함수가 범위 내에 있고 실제로 무언가를 반환하는지 확인합니다. {{ meter.DESCRIPTION }} {{ htmlgeneration() }} 언급URL : https://stackoverflow.com/questions/22723511/call-an-angular-f..

$broadcast로 오브젝트를 보내려면 어떻게 해야 하나요? 다음과 같은 것이 있습니다. $scope.$watch('tableForm.$pristine', function (newValue) { $rootScope.$broadcast("tableDataUpdated", { state: $scope.tableForm.$pristine }); }); 저도 시도했습니다. $scope.$watch('tableForm.$pristine', function (newValue) { var tableForm = { pristine: $scope.tableForm.$pristine }; $rootScope.$broadcast("tableDataUpdated", tableForm); }); 표 형식$pristine상태가..