sourcejob

VueJs 템플릿.외부 템플릿을 로드하는 방법 Vue.js는 처음이라서 Angular을 써봤어요.JS는 한동안 다음과 같은 템플릿을 로드하는 데 사용되었습니다. template: '/sometemplate.html', controller: 'someCtrl' 이렇게 큰 HTML 템플릿을 JavaScript에 보관하는 대신 Vue에서는 어떻게 하면 좋을까요? new Vue({ el: '#replace', template: 'replaced' }) 작은 템플릿은 괜찮지만 큰 템플릿은 실용적인가요? Vue처럼 스크립트 태그 내에서 외부 템플릿 HTML을 로드하거나 HTML 템플릿을 사용하는 방법이 있습니까? 태그를 지정하고 html만 포함합니다. (이 솔루션에서는http loader가 https://cdnjs..

Angular JS - "Controller as vm"을 사용하는 이유 이번 주말 내내 왜 부모 컨트롤러의 기능이 자녀 컨트롤러에 의해 인식되지 않는지 이해할 수 없어서 매우 괴로웠습니다. 컨트롤러를 VM으로 사용하는 것이 원인임을 곧 깨달았습니다. 물론 이제 child1과 child2 모두 ParentCtrl의 기능을 인식하지 못하고, 대신 VM 없이 작업하는 이전 패턴을 사용하고 $scope를 사용했다면 모든 것이 양호했을 것입니다. 그래서 제 질문은 "vm" 메서드를 사용하면 누구에게나 이득이 되는 것은 무엇이며, 사용하지 않는 것보다 우수하다면 어떻게 ParentCtrl을 호출할 수 있는가?"입니다. 감사해요.컨트롤러를 구문으로서 사용하는 것의 장점 중 하나는 컨트롤러를 $scope가 아닌 인스..

호출 후 angularjs에서 $watch 바인딩 해제 다음과 같이 $워치를 풀 수 있다는 것을 알고 있습니다. var listener = $scope.$watch("tag", function () {}); // ... listener(); // would clear the watch 워치 기능 선언에서 워치를 풀 수 있습니까?그럼 시계가 한 번 실행되면 저절로 풀리는 건가요?예를 들어 다음과 같습니다. $scope.$watch("tag", function () { unbindme() }); 이미 하고 있는 것과 같은 방법으로, 기능내의 「등록 해제」를 호출할 수 있습니다. var unbind = $scope.$watch("tag", function () { // ... unbind(); }); 왜냐면t..

Angular 식에서 문자열에서 Int로 해석하려면 어떻게 해야 합니까? 숫자 문자열 '5' var num_str = '5'; 해석 방법입력과 아래 답변을 동시에 맞히시겠습니까? {{num_str + 1}} // 6 {{num_str - 1}} // 4 parseInt는 Angular 식에 사용할 수 없습니다. {{parseInt(num_str) - 1}} 숫자 필터는 덧셈과 빼기를 할 수 없습니다. {{num_str - 1 | number}} 도움이 될 만한 제안이 있으면 고맙게 생각하겠습니다.컨트롤러 내: $scope.num_str = parseInt(num_str, 10); // parseInt with radix 저는 앵귤러 필터를 사용하는 것을 선호합니다. app.filter('num', fun..

각진 서비스에서는 어떻게 $on을 사용할 수 있습니까? 컨트롤러가 $on 청취자를 사용하도록 할 수 있었습니다.$scope.$on. 이벤트를 듣기 위한 서비스 제공 방법에 대한 문서가 없습니다. 나는 노력했다.$rootScope.$on단, 1명의 청취자만 허용됩니다.부모 컨트롤러가 범위 내에 있는지 여부에 관계없이 여러 서비스에 청취자가 참여하도록 하겠습니다.꽤 실험해 본 결과, 최소한의 코드로 이벤트를 서비스에 가져올 수 있음이 밝혀졌습니다. 샘플 서비스 코드는, 다른 사람이 이것에 부딪칠 경우를 위해서 계속됩니다. 샘플은 해당 브로드캐스트를 수신하면 로컬 스토리지에 서비스 모델을 저장하고 복원합니다. app.factory('userService', ['$rootScope', function ($roo..

Angular를 사용하는 로그인 화면이 있는SPA의 예JS 및 ASP에 접속합니다.NET Web API 2? 새로운 AngularJS Web API Single page 어플리케이션을 만들고 싶습니다.ASP를 사용하는 간단한 로그인(Google/Facebook 로그인 등 필요 없음)을 위해 WEB API 컨트롤러에 접속하는 사용자 로그인 화면을 설정하는 예를 들어보신 분 계십니까?사용자 등록이 필요 없는 NET ID. 또한 로그인이 완료된 후 새로운 보기를 표시하는 방법은 무엇입니까?하지 않는 를 들어, 로그인 몇 개의 에서 URL을 할 수 .그래서 예를 들어 로그인 뷰와 다른 뷰에서 URL을 변경하지 않고 전환할 수 있으면 좋겠습니다.www.abc.com , 저는 '보다 낫다', '보다 낫다', '보다..

차트JS 꺽은선형 차트 - 선 아래 색 제거 그래, 내 db에 대한 데이터를 직접 채우는 ChartJS 꺽은선형 차트가 있어.제가 지금 필요한 것은 각각의 라인 아래에 있는 색깔을 없애는 것입니다.[아래 스크린샷과 같이] HTML은 다음과 같습니다. My JS: scope.labels = ['02:00','04:00','06:00', '08:00', '10:00', '12:00','14:00', '16:00', '18:00', '20:00', '22:00']; scope.series = series; scope.data = [volumesSelectedDate, volumesPeakDate, volumesModelCapacity]; scope.options = { scaleOverride: true, s..

그렇지 않으면 Angular에 있는 문JS 템플릿 나는 Angular에서 조건을 하고 싶다.JS 템플릿유튜브 API에서 동영상 목록을 가져옵니다.16:9 비율의 동영상도 있고 4:3 비율의 동영상도 있습니다. 나는 다음과 같은 조건을 만들고 싶다. if video.yt$aspectRatio equals widescreen then element's attr height="270px" else element's attr height="360px" 비디오를 반복하고 있습니다.ng-repeat이 경우 어떻게 해야 할지 모르겠습니다. 범위에 함수를 추가하시겠습니까? 템플릿으로 할까요? Angularjs(1.1.5보다 작은 버전)에서는if/else기능성.다음은 달성하고자 하는 사항에 대해 고려해야 할 몇 가지 옵..

angular 템플릿의 배열 값을 확인하시겠습니까? angular 템플릿의 배열에 값이 있는지 확인할 수 있는 방법이 있습니까?나는 다음과 같은 것을 기대하고 있다. Yay 어레이에 1이 있는 경우 myClass가 적용됩니다. 이게 가능합니까? 참고로 Angularjs에는 정확히 어떤 템플링 엔진이 사용됩니까?그 서류는 어디서 찾을 수 있나요?검색하려고 할 때마다(공식 문서도), 지시문이나 데이터 바인딩에 대한 문서만 표시되는 것 같습니다.사용할 수 있습니다.indexOf()값이 배열에 있는지 여부를 테스트한 후 내부로 사용합니다.ngClass(조건부로 "newclass"를 추가합니다) Yay 또는 스코프의 어레이에 대해 테스트하는 경우가 많습니다. Yay 예를 들어, 다음과 같이 선언했다고 가정합니다...

grunt 서버를 사용하여 모든 요청을 루트 URL로 리다이렉트하려면 어떻게 해야 합니까? 저는 Angular.js 어플리케이션을 처음 만들고 Yeoman을 사용하고 있습니다. Yooman은 Grunt를 사용하여 node.js connect 서버를 'grunt server' 명령어로 실행할 수 있습니다. 각도 어플리케이션을 html5 모드로 실행하고 있습니다.각도 문서에 따르면 각도 앱은 한 페이지의 아약스 애플리케이션이기 때문에 모든 요청을 응용 프로그램의 루트(index.html)로 리다이렉트하기 위해 서버를 수정해야 합니다. "[html5] 모드를 사용하려면 서버 측에서 URL을 다시 써야 합니다. 기본적으로 응용 프로그램의 진입점(예: index.html)에 대한 모든 링크를 다시 써야 합니다."..