«angularjs» 태그된 질문

사용자가 ngRepeat및 을 사용하여 항목 목록을 편집 할 수 있도록하려고합니다 ngModel. ( 이 바이올린을 참조하십시오 .) 그러나 내가 시도한 두 가지 접근 방식 모두 기괴한 동작을 유발합니다. 하나는 모델을 업데이트하지 않고 다른 하나는 각 키 다운에서 양식을 흐리게합니다. 내가 여기서 뭔가 잘못하고 있니? 지원되는 사용 사례가 아닙니까? 다음은 편의를 위해 …

116 angularjs  angularjs-ng-repeat  angularjs-ng-model 

jQuery의 post 메서드를 통해 AJAX POST 요청을 만드는 오래된 코드가 있으며 다음과 같습니다. $.post("/foo/bar", requestData, function(responseData) { //do stuff with response } requestData 기본적인 문자열 속성이있는 자바 스크립트 객체 일뿐입니다. 저는 Angular를 사용하기 위해 우리의 물건을 옮기는 과정에 있으며,이 호출을 $ http.post로 바꾸고 싶습니다. 나는 다음을 생각 해냈다. $http.post("/foo/bar", requestData).success( …

116 javascript  jquery  post  angularjs 

으로 ui-router, 그것은 가능 주입하거나 $state또는$stateParams 컨트롤러에 하여 URL의 매개 변수에 액세스 할 수 있습니다. $stateParams그러나을 통해 매개 변수에 액세스 하면 해당 매개 변수에 액세스하는 컨트롤러가 관리하는 상태에 속하는 매개 변수와 해당 상위 상태 만 노출되며 $state.params모든 매개 변수는 모든 하위 상태에있는 매개 변수를 포함합니다. 다음 코드에서 URL을 직접로드 http://path/1/paramA/paramB하면 …

116 angularjs  angular-ui-router 

다음과 같이 제한된 속성 지시문이 있습니다. restrict: "A" 두 가지 속성을 전달해야합니다. 숫자와 함수 / 콜백, attrs객체를 사용하여 지시문 내에서 액세스합니다 . 지시문이 요소 지시문이면 다음과 "E"같이 제한됩니다 . <example-directive example-number="99" example-function="exampleCallback()"> 그러나 이유 때문에 속성 지시문이 될 지시문이 필요합니다. 여러 속성을 속성 지시문에 어떻게 전달합니까?

116 javascript  parameters  angularjs  attributes  directive 

저는 인증이 JWT 토큰에 의해 처리되는 Angular에서 webapp을 작성하고 있습니다. 즉, 모든 요청에는 필요한 모든 정보가 포함 된 "Authentication"헤더가 있습니다. 이것은 REST 호출에서 잘 작동하지만 백엔드에서 호스팅되는 파일에 대한 다운로드 링크를 처리하는 방법을 이해하지 못합니다 (파일은 웹 서비스가 호스팅되는 동일한 서버에 있습니다). 일반 <a href='...'/>링크는 헤더가 없어 인증이 실패하기 때문에 …

116 javascript  angularjs  jwt 

분명하지 않은 겉보기에 간단한 문제가 있습니다 (Angular JS 문서를 읽음) 해결책 있습니다. DOM에서 컨테이너의 높이를 정의하기 위해 다른 DOM 요소의 높이를 기반으로 일부 계산을 수행하는 Angular JS 지시문이 있습니다. 이와 비슷한 것이 지시문 내부에서 진행됩니다. return function(scope, element, attrs) { $('.main').height( $('.site-header').height() - $('.site-footer').height() ); } 문제는 지시문이 실행될 때 …

115 jquery  dom  callback  angularjs  document-ready 

내 앱에 여러 Angular 모듈이 선언되어 있습니다. 나는 원래 다음과 같은 "연결된"구문을 사용하여 선언하기 시작했습니다. angular.module('mymodule', []) .controller('myctrl', ['dep1', function(dep1){ ... }]) .service('myservice', ['dep2', function(dep2){ ... }]) ... // more here 하지만 읽기가 쉽지 않다고 판단했기 때문에 다음과 같은 모듈 변수를 사용하여 선언하기 시작했습니다. var mod = angular.module('mymodule', []); mod.controller('myctrl', …

115 angularjs 

ng-repeat 안에이 코드가 있습니다. <a href="#" class="disabled" ng-click="doSomething(object)">Do something</a> 버튼이 비활성화되었을 때 버튼이 비활성화되는 조건을 만드는 방법은 class="disabled"무엇입니까? 또는 Javascript로 수행하는 방법이 있습니까? $('.do-something-button').click(function(){ if (!$(this).hasClass('disabled')) { do something } });

115 javascript  html  angularjs 

AngularJS 문서를 읽고 $anchorScroll요소로 부드럽게 스크롤 할 수있는 기간 / 완화 옵션을 사용할 수 있는지 파악하지 못했습니다 . 단지 다음과 같이 말합니다. $location.hash('bottom'); // call $anchorScroll() $anchorScroll(); 나는 jquery를 사용하지 않으며 원하지 않습니다. $anchorScroll스크롤을 더 부드럽게 만들기 위해 만들거나 확장하는 영리하지만 간단한 방법이 있습니까?

115 javascript  angularjs  scroll  anchor-scroll 

내 응용 프로그램에 다음 코드가 포함 된 i18n 서비스가 있습니다. var i18nService = function() { this.ensureLocaleIsLoaded = function() { if( !this.existingPromise ) { this.existingPromise = $q.defer(); var deferred = this.existingPromise; var userLanguage = $( "body" ).data( "language" ); this.userLanguage = userLanguage; console.log( "Loading locale '" + userLanguage + "' from …

115 javascript  angularjs 

Angular에서는 많은 개체를 반환하는 개체가 범위에 있습니다. 각각 ID가 있습니다 (이것은 DB가 없으므로 플랫 파일에 저장되며 사용자가 할 수없는 것 같습니다 ng-resource) 내 컨트롤러에서 : $scope.fish = [ {category:'freshwater', id:'1', name: 'trout', more:'false'}, {category:'freshwater', id:'2', name:'bass', more:'false'} ]; 내보기에는 ng-showmore 로 기본적으로 숨겨진 물고기에 대한 추가 정보가 있지만 simple show …

114 javascript  angularjs 

모든 지시문이 컴파일 / 링크를 완료했을 때 페이지 로딩 / 부트 스트랩의 완료를 감지하는 가장 좋은 방법이 무엇인지 궁금했습니다. 이미 이벤트가 있습니까? 부트 스트랩 기능을 오버로드해야합니까?

114 angularjs  angularjs-scope 

내 .html 페이지에 드롭 다운 목록이 있습니다. 쓰러지 다: <select ng-model="blisterPackTemplateSelected" data-ng-options="blisterPackTemplate as blisterPackTemplate.name for blisterPackTemplate in blisterPackTemplates"> <option value="">Select Account</option> </select> 사용자가 값을 선택할 때 작업을 실행하고 싶습니다. 그래서 내 컨트롤러에서 다음을 수행했습니다. 제어 장치: $scope.$watch('blisterPackTemplateSelected', function() { alert('changed'); console.log($scope.blisterPackTemplateSelected); }); 그러나 드롭 다운 목록에서 값을 변경해도 코드가 트리거되지 …

114 angularjs  angularjs-scope 

나는 아마도 매우 명백한 질문이라고 생각하지만 어디에서도 답을 찾을 수 없었습니다. 내 서버에서 클라이언트로 일부 JSON 데이터를로드하려고합니다. 지금은 JQuery를 사용하여 AJAX 호출 (아래 코드)로로드합니다. <script type="text/javascript"> var global = new Array(); $.ajax({ url: "/json", success: function(reports){ global = reports; return global; } }); </script> 이것은 html 파일에 있습니다. 지금까지 작동하지만 …

114 javascript  ajax  angularjs  model 

AngularJS 서비스가 작성되었으며 단위 테스트를 원합니다. angular.module('myServiceProvider', ['fooServiceProvider', 'barServiceProvider']). factory('myService', function ($http, fooService, barService) { this.something = function() { // Do something with the injected services }; return this; }); 내 app.js 파일에는 다음이 등록되어 있습니다. angular .module('myApp', ['fooServiceProvider','barServiceProvider','myServiceProvider'] ) DI가 다음과 같이 작동하는지 테스트 할 수 있습니다. describe("Using the …

114 javascript  angularjs  mocking  jasmine  angularjs-service