반응형

angularjs 30

AngualrJ: html 갱신 시 데이터 유지

AngualrJ: html 갱신 시 데이터 유지 몇 개의 데이터를 angular js의 캐시에 로드하고 페이지를 새로 고친 후 캐시에서 데이터를 다시 표시할 수 있는 방법이 있습니까? 현재 문제는 페이지를 새로 고칠 때마다 모든 JS가 새로고침되기 때문에 공유 서비스 앱에서 공유된 세부 정보가 다시 초기화된다는 것입니다. 로그인 페이지와 홈페이지가 있습니다.로그인 성공 시 $route를 사용하여 홈페이지로 라우팅하여 로그인을 브로드캐스트합니다.홈페이지 컨트롤러 아이디이제 이 홈페이지를 새로 고치거나 URL을 복사하여 다른 탭에 붙여넣을 때 동일한 데이터가 존재하기를 원합니다.단, 제 경우 htmls/javascript가 새로고침되고 있기 때문에 null로 초기화됩니다. 여기서 사용할 수 있는 각도 기술은..

programing 2023.03.08

Angular JS, 해결 및 알 수 없는 공급자

Angular JS, 해결 및 알 수 없는 공급자 내게는 결단력 있는 두 가지 경로가 있다.다음과 같이 진행됩니다. .when('/foos', { templateUrl: 'views/foos.html', controller: 'FoosCtrl', resolve: { foo_list: ['$q', '$route', '$timeout', '$location', 'Foos', function($q, $route, $timeout, $location, Foos) { // postpone the execution var deferred_foo = $q.defer() Foos.getFoos({token:session_uid}, successCb) function successCb(list) { if(list['st..

programing 2023.03.03

angularjs의 다른 모듈에 정의된 공장 출하시 접근

angularjs의 다른 모듈에 정의된 공장 출하시 접근 한 모듈에 정의된 공장 기능을 다른 모듈에서 호출할 수 있습니까?만약 그렇다면, 어떻게? 첫 번째 모듈이 다음과 같이 정의되어 있다고 합시다.moduleOne.js파일 이름: var myModule = angular.module('MyServiceModuleOne', []); myModule.factory('notify', function () { return { sampleFun: function () { // some code to call sampleFunTwo() }, }; }); 그리고 두 번째 모듈은moduleTwo.js다음과 같이 합니다. var myModuleTwo = angular.module('MyServiceModuleTwo',..

programing 2023.03.03

각도 재료 레이아웃 - 창을 채우도록 확장

각도 재료 레이아웃 - 창을 채우도록 확장 Angular 재료 레이아웃을 작성하려고 합니다.세로 스크롤 바를 만들지 않고 브라우저 창 전체를 채우는 페이지를 만드는 것이 목표입니다.페이지 맨 위에는 페이지 폭의 100%를 차지하는 툴바가 있습니다.툴바 아래에는 너비의 100%를 소비하는 타이틀 영역이 있습니다.제목 영역 아래 왼쪽에 있는 네비게이션 메뉴와 오른쪽에 있는 클라이언트 영역을 원합니다.목표는 브라우저 창 전체를 네비게이션 메뉴와 클라이언트 영역 모두 수직으로 채우는 것입니다. 제가 달성하고자 하는 것을 보여드리기 위해: 레이아웃 행과 열과 속성 플렉스 및 레이아웃 채우기를 실험해 왔습니다.제가 발견한 다른 모든 게시물에는 올바른 조합으로 이것이 가능해야 한다고 나와 있지만, 해결 방법이 없었습..

programing 2023.03.03

범위 $id로 DOM 요소 가져오기

범위 $id로 DOM 요소 가져오기 스코프를 요소별로 취득할 수 있습니다. scope = angular.element($0).scope(); scope.$id; // "003" 되돌리려면 어떻게 해야 하나요?스코프를 사용하여 DOM 요소 찾기$id,예를 들어003? 디버깅을 위해 이 작업을 수행하려고 합니다.스코프 트리에 뭔가 표시되어 있는데 어디서 왔는지 확인하고 싶습니다.그다지 섹시하지는 않지만 각 돔노드는 클래스 ng-scope를 받기 때문에 다음과 같은 작업을 수행할 수 있습니다. function getScope(id) { var elem; $('.ng-scope').each(function(){ var s = angular.element(this).scope(), sid = s.$id; if(s..

programing 2023.03.03

Ui-Router $state.go()가 데이터를 새로 고치지 않음

Ui-Router $state.go()가 데이터를 새로 고치지 않음 Angular 앱에 Product List 상태와 Product Edit/Add 상태가 있습니다. ngResource에서 데이터를 가져오는 컨트롤러에 제품 목록 데이터가 로드됩니다(상태 구성에서 정의할 필요가 없다고 생각했습니다). function InventoryListCtrl (myResource) { var vm = this; myResource.query(function (data) { vm.products = data; }); } Edit Controller에서 제품을 편집하면 다음과 같은 목록 상태로 돌아갑니다. vm.product.$update().$promise; $state.go('productList'); 목록에는 항상..

programing 2023.02.26

요소가 표시되지 않음 오류(요소를 클릭할 수 없음)

요소가 표시되지 않음 오류(요소를 클릭할 수 없음) 웹 페이지에 표시되는 라디오 버튼을 클릭합니다.코드는 다음과 같습니다. HTML 코드: Mumbai 테스크케이스: // demo-test.js describe('Protractor Demo App', function() { jasmine.DEFAULT_TIMEOUT_INTERVAL = 10000000; it('check item count', function() { browser.get(''); element(by.id('mumbaiCity')).click(); }); }); 이 테스트 스루 에러는 다음과 같습니다. 1) 굴절기 데모 앱 체크 항목 수 메시지: 실패: 요소가 표시되지 않음 또, 다음과 같이 시도했습니다. element(by.css('[n..

programing 2023.02.26

$sce.trustAsResourceUrl() 글로벌

$sce.trustAsResourceUrl() 글로벌 어떻게 하면 좋을까요?$sce.trustAsResourceUrl('URL_HERE'); 메인 앱과 같이 글로벌하게config()또는run()iFrames, img src 등이 기능하도록 합니다.URL_HERE작동할까요? 의사들은 이것을 설명하는데 다소 서투르다.필터를 사용할 수도 있습니다.이것들은 글로벌하게 이용할 수 있습니다. angular.module('myApp') .filter('trustUrl', function ($sce) { return function(url) { return $sce.trustAsResourceUrl(url); }; });

programing 2023.02.21

ng-배열이 비어 있는지 확인합니다.

ng-배열이 비어 있는지 확인합니다. 사용 중인 API는 배열에 항목이 없는 경우 이 값을 반환합니다. items: [] 어레이에 아이템이 있는 경우 다음과 같은 것이 반환됩니다. items: [ { name: 'Bla' } ] 템플릿에서 데이터가 있는지 여부에 따라 요소를 표시하거나 숨기려면 ng-if를 사용해야 한다고 생각합니다. Topics: {{topic.name}} 하지만 Angular에서 일하는 것은 처음이고, 제가 하려는 일을 더 잘 할 수 있는 방법이 있을지도 모르기 때문에 완전히 잘못될 수도 있습니다.post.capabilities.items빈 배열이기 때문에 계속 정의됩니다.post.capabilities.items.length잘 될 거야 왜냐하면0거짓이야.를 확인합니다.length다음..

programing 2023.02.21

s3에서 가져온 이미지 표시

s3에서 가져온 이미지 표시 s3에서 이미지를 가져와 HTML 페이지에 표시하고 싶다. 각도 HTML 파일: 각도 컨트롤러 파일: angular.module('users').controller('myCtrl', ['$scope',function($scope) { var s3 = new AWS.S3(); s3.getObject({Bucket: 'mybucket', Key: 'myimage.jpg'},function(err,file){ //code?? to display this image file in the img tag //$scope.src=file????....obviously it wont work }); }]); FileReader라는 것을 발견하여 다음과 같이 시도했습니다. var reader..

programing 2023.02.21
반응형