css3

$sce.trustAsHtml 내에서 지시문 렌더링 여기에 Plunker를 포함시켰습니다. http://plnkr.co/edit/4vqV8toHo0vNjtfICtzI?p=preview DOM에 버튼을 추가하려고 하는데 클릭하면 DOM에 바인딩된 기능이 실행됩니다.이 경우 "테스트"에 경고해야 합니다.코드는 여기 있습니다. 콘트롤러 app.controller('MainCtrl', function($scope, $sce) { $scope.trustedHtml = $sce.trustAsHtml('Submit'); $scope.testAlert = function () { alert('testing') }; }); HTML $sce.trustAsHtml그리고.ng-bind-html지시사항이 있는 HTML을 구축..

부모에서 자식으로 각진 상태로 이벤트 전달JS 구성요소 제가 하고 있는 새로운 프로젝트에서는 지시사항 대신에 구성요소를 사용하기 시작했습니다. 하지만 구체적인 방법을 찾을 수 없는 문제에 봉착했습니다. 이벤트를 자녀에서 부모로 쉽게 알릴 수 있습니다. 아래의 제 플렁커에서 찾을 수 있습니다. 하지만 부모에서 자녀로 이벤트를 알리는 올바른 방법은 무엇입니까? Angular2는 다음과 같은 것을 사용하여 이 문제를 해결하는 것처럼 보입니다. https://angular.io/docs/ts/latest/cookbook/component-communication.html#!#parent-to-child-local-var 하지만 예제가 #timer에서 했던 것처럼 자식 구성 요소에 "pointer"을 정의할 가능..

분리 범위 및 ng-모델이 포함된 지침 저는 고립된 범위와 ngModel 지시를 사용하는 지시문을 작성하려고 합니다. 문제: 지시에 따라 모델이 업데이트될 때 호출자의 값은 업데이트되지 않습니다. HTML: 지시: app.directive( 'testNgModel', [ '$timeout', '$log', function ($timeout, $log) { function link($scope, $element, attrs, ctrl) { var counter1 = 0, counter2 = 0; ctrl.$render = function () { $element.find('.result').text(JSON.stringify(ctrl.$viewValue)) } $element.find('.one').cli..

AngularJS+Jasmin: $httpBackend가 예상대로 작동하지 않습니다. 저는 자스민을 카르마와 함께 사용하여 Angular 기반의 앱을 테스트하고 있습니다. 저는 사용자 데이터를 로드하는 서비스를 테스트해야 하고 $httpBackend를 사용하여 응답을 조롱하고 있습니다.그러나 테스트를 실행했을 때 두 가지 오류가 발생했습니다. 오류: 플러시할 보류 중인 요청이 없습니다! 오류: 불만족스러운 요청: GET https://api.github.com/users/wilk 모듈: 'use strict'; app.service ('UserService', ['$resource', '$q', 'GITHUB_API_URL', function ($resource, $q, GITHUB_API_URL) { ..

각도 - 웹소켓 및 $rootScope.apply() 저는 현재 웹소켓을 사용하여 백엔드와 통신하는 각진 앱을 가지고 놀고 있습니다.앵글의 데이터 바인딩이 제대로 작동하지 않습니다. 아래 예제에서 웹소켓 연결을 만드는 서비스를 만들었습니다.웹소켓이 메시지를 수신하면 수신된 모든 메시지를 포함하는 배열로 해당 메시지를 밀어 넣습니다. 컨트롤러에서 해당 메시지 배열을 스코프에 바인딩한 다음ng-repeat내가 보기엔 전부 다 나열하는 것 같아요 서비스: factory('MyService', [function() { var wsUrl = angular.element(document.querySelector('#ws-url')).val(); var ws = new WebSocket(wsUrl); ws.onope..

AngularJS - ng-show in ng-repeat 사용 ng-반복 블록 내에서 ng-show 지시를 사용하는 데 문제가 있습니다. 부울 값이 ng-show에 올바르게 전달되지 않는 것 같습니다... 제가 JSFiddle에서 만든 예제의 스크린샷을 보여드리겠습니다. 마크업의 예시는 다음과 같습니다. {{ actress.name }} Was in Avengers! (should only appear if Scarlett) {{ actress.name == 'Scarlett'}}

레일/앵글 배포 시 알 수 없는 공급자 오류JS 앱에서 헤로쿠로 레일/각형이 있습니다.현지 개발 환경에서 잘 작동하는 JS 앱.하지만 Heroku the Angular에 이 앱을 배포하면JS가 작동하지 않고 다음 오류를 반환합니다. Unknown provider: eProvider "RemindersCtrl"} %ul %li{"ng-repeat" => "reminder in reminders"} .title {{reminder.title}} 업데이트: 컨트롤러를 이렇게 바꿨지만 결과는 같습니다. var RemindersCtrl = function($scope, $http) { $http.get('/reminders.json').success(function(data) { $scope.reminders =..

호스트 서버에 MEAN 스택을 배포하는 방법은 무엇입니까? MEAN으로 잘 작동하는 웹사이트를 가지고 있고 현지에서 잘 작동합니다. 서버에 배포하고 싶지만 파일을 내 웹사이트 ftp에 업로드하는 것 외에는 웹사이트를 배포한 적이 없습니다. 지도하는 사람?또 다른 좋은 출발점은 Digital Ocean일 것입니다. 그들은 원클릭 설치 MEAN 스택과 튜토리얼을 제공합니다.https://www.digitalocean.com/community/tutorials/how-to-use-the-mean-one-click-install-image나는 방금 내 것을 배치했습니다.MEAN Stack application위에Heroku cloud application환경.구축 단계는 간단합니다. 배포 단계: 평균 스택 프로..

각도 $rootScope.$broadcast() 이벤트가 컨트롤러에서 두 번 적발됨 버튼 클릭시 방송 이벤트 :- $scope.onButtonClick = function(){ $rootScope.$broadcast('onButtonClick'); } 다른 컨트롤러에서 이벤트 잡기 :- $rootScope.$on('onButtonClick',function(event){ alert("catched"); console.log(event); }); 하지만 한 번만 발사했는데도 두 번이나 잡혔습니다.왜 그런 것일까요?결과적으로 다중 컨트롤러는 다음과 같은 이유로 인스턴스화되었습니다.ng-controllerhtml의 선언과 또한 상태 설정의 일부로서ui-router. 해결책은 선언문 중 하나를 삭제하는 것입니다..

Angular Js1.2에서 리디렉션을 방지하는 방법 애플리케이션에서 AngularJs-1.0.7과 Bootstrap을 사용하고 있었습니다.최근에 AngularJs-1.0.7에서 AngularJs-1.2로 마이그레이션했습니다.저는 부트스트랩의 아코디언과 탭을 사용하고 있습니다. Tab의 HTML 코드는 다음을 포함합니다.아래와 같이 Home Profile Content for first tab. Content For second tab. Angular의 이전 버전에서는 다음과 같은 앵커 태그를 부여할 경우에만 경로 변경이 발생합니다.. 그러나 AngularJs-1.2 리디렉션. 그것은 고려하지 않습니다./사이사이에#그리고.firstTab. 따라서 Tab을 클릭하는 동안 다음으로 리디렉션됩니다.http:/..