«angularjs» 태그된 질문

angularJS 예제가 있습니다. <div ng-controller="testCtrl"> <test color1="color1" updateFn="updateFn()"></test> </div> <script> angular.module('dr', []) .controller("testCtrl", function($scope) { $scope.color1 = "color"; $scope.updateFn = function() { alert('123'); } }) .directive('test', function() { return { restrict: 'E', scope: {color1: '=', updateFn: '&'}, template: "<button ng-click='updateFn()'>Click</button>", replace: true, link: function(scope, elm, attrs) { } } }); …

160 angularjs 

이 간단한 시나리오가 있습니다. jQuery의 val () 메소드에 의해 값이 변경되는 입력 요소. jQuery가 설정 한 값으로 각도 모델을 업데이트하려고합니다. 간단한 지시문을 작성하려고했지만 원하는 것을하지 않습니다. 지시어는 다음과 같습니다. var myApp = angular.module('myApp', []); myApp.directive('testChange', function() { return function(scope, element, attrs) { element.bind('change', function() { console.log('value changed'); }) } }) …

160 jquery  angularjs  bind  directive 

앱에 기본 인증이 필요한 하나의 특정 요청이 있으므로 해당 요청에 대한 Authorization 헤더를 설정해야합니다. HTTP 요청 헤더 설정 에 대해 읽었 지만 알 수 있듯이 해당 메소드의 모든 요청에 ​​대해 해당 헤더를 설정합니다. 내 코드에는 다음과 같은 것이 있습니다. $http.defaults.headers.post.Authorization = "Basic QWxhZGRpbjpvcGVuIHNlc2FtZQ=="; 그러나 모든 게시물 요청 이이 헤더를 보내는 …

159 javascript  http-headers  angularjs 

휴무 . 이 질문은 의견 기반 입니다. 현재 답변을받지 않습니다. 이 질문을 개선하고 싶습니까? 이 게시물 을 편집 하여 사실과 인용으로 답변 할 수 있도록 질문을 업데이트하십시오 . 휴일 3 년 전 . 이 질문을 개선하십시오 몇 달 전에 저는 Angular를 공부하기로 결정했습니다. 내가 발전하고 그것을 사용하여 응용 프로그램을 만들 …

159 angularjs  angular 

서비스를 호출하는 컨트롤러에 연결된 ng-options를 사용하여 드롭 다운을 채우고 있습니다. 불행히도 들어오는 데이터는 혼란스럽고 알파벳순으로 정렬해야합니다. 당신은 무언가 $.sortBy가 그것을 할 것이라고 생각하지만 불행히도 그것은 잭을하지 않았습니다. 도우미 메서드 function asc(a,b)또는 이와 유사한 방법으로 자바 스크립트를 통해 정렬 할 수 있다는 것을 알고 있지만이 작업을 수행하는 더 확실한 방법이 없다고 …

158 angularjs 

http://blog.xvitcoder.com/adding-a-weel-progress-indicator-to-your-angularjs-application/에 설명 된대로 스핀 컨트롤의 "Angularized"버전을 사용하고 있습니다. 표시된 솔루션에 대해 싫어하는 것 중 하나는 스핀 컨트롤을 DOM 요소에 효과적으로 연결하는 서비스에서 jQuery를 사용하는 것입니다. 각도 구성을 사용하여 요소에 액세스하는 것을 선호합니다. 또한 스피너가 서비스 내에서 연결 해야하는 요소의 ID를 "하드 코딩"하는 것을 피하고 대신 서비스의 단일 사용자를 설정하는 지시문을 …

157 jquery  angularjs 

아래 오류가 발생합니다. { [Error: Cannot find module '../build/Release/bson'] code: 'MODULE_NOT_FOUND' } js-bson: Failed to load c++ bson extension, using pure JS version 내 버전 세부 정보는 다음과 같습니다. 운영체제 : Windows 7 MongoDB : 2.6.5 노드 : 0.12.0 여기에 문제를 게시하기 전에 이러한 것들을 시도했습니다. 나는에 가서 \node-modules\mongoose\node-modules\mongodb\node-modules\bson폴더에서 바인딩 …

156 javascript  angularjs  windows  node.js  mongodb 

클라이언트 측 입력 유효성 검사와 함께 angularjs를 사용하여 간단한 로그인 양식을 작성하여 사용자 이름과 암호가 비어 있지 않고 3 자보다 길지 않은지 확인하고 있습니다. 아래 코드를 참조하십시오 : <form name="loginform" novalidate ng-submit="login.submit()" class="css-form"> <fieldset> <div class="control-group input-prepend"> <span class="add-on"><i class="icon-user"></i></span> <input type="text" ng-model="login.username" name="username" required ng-minlength="3" placeholder="username" /> </div> <div …

155 angularjs  validation 

간단한 할 일 목록이지만 각 항목의 목록 페이지에 삭제 버튼이 있습니다. 관련 템플릿 HTML : <tr ng-repeat="person in persons"> <td>{{person.name}} - # {{person.id}}</td> <td>{{person.description}}</td> <td nowrap=nowrap> <a href="#!/edit"><i class="icon-edit"></i></a> <button ng-click="delete(person)"><i class="icon-minus-sign"></i></button> </td> </tr> 관련 컨트롤러 방법 : $scope.delete = function (person) { API.DeletePerson({ id: person.id }, function (success) { …

153 javascript  html  angularjs 

controller as구문을 사용할 때 속성 변경을 구독하는 방법은 무엇입니까? controller('TestCtrl', function ($scope) { this.name = 'Max'; this.changeName = function () { this.name = new Date(); } // not working $scope.$watch("name",function(value){ console.log(value) }); }); <div ng-controller="TestCtrl as test"> <input type="text" ng-model="test.name" /> <a ng-click="test.changeName()" href="#">Change Name</a> </div>

153 javascript  angularjs  angularjs-scope  ng-controller 

현재 다음을 사용하고 있습니다. $scope.$$childHead.customerForm[firstName]그래서 : <form name="customerForm"> <input type="text" name="firstName" ng-model="data.customer.firstName" tabindex="1" ng-disabled="!data.editable" validationcustomer /> </form> 그러나 이것은 Chrome에서만 작동합니다. 이제 다음을 시도했습니다. $scope.editCustomerForm[firstName]그래서 : <form name="customerForm" ng-model="editCustomerForm"> <input type="text" name="firstName" ng-model="data.customer.firstName" tabindex="1" ng-disabled="!data.editable" validationcustomer /> </form> 작동하지 않습니다. 내 양식은 Foundation 탭 안에 있습니다. 어떻게 액세스 할 수 …

152 angularjs  angular-foundation  angularjs-forms 

현재 상태의 이전 상태를 얻는 방법이 있습니까? 예를 들어 이전 상태가 현재 상태 B 이전의 상태 (이전 상태는 상태 A였던)를 알고 싶습니다. ui-router github doc 페이지에서 찾을 수 없습니다.

152 angularjs  angular-ui-router  angularjs-routing 

내 REST API에 맞게 mongolab 예제를 "사용자 정의"하려고합니다. 이제이 오류가 발생하고 내가 뭘 잘못했는지 잘 모르겠습니다. Error: Unknown provider: ProductProvider <- Product at Error (unknown source) at http://localhost:3000/js/vendor/angular.min.js:28:395 at Object.c [as get] (http://localhost:3000/js/vendor/angular.min.js:26:180) at http://localhost:3000/js/vendor/angular.min.js:28:476 at c (http://localhost:3000/js/vendor/angular.min.js:26:180) at d (http://localhost:3000/js/vendor/angular.min.js:26:314) 이것은 내 컨트롤러입니다. function ProductListCtrl($scope, Product) { $scope.products = …

152 angularjs 

나는 myService을 사용 myOtherService하여 원격 호출을하고 약속을 반환합니다. angular.module('app.myService', ['app.myOtherService']) .factory('myService', [ myOtherService, function(myOtherService) { function makeRemoteCall() { return myOtherService.makeRemoteCallReturningPromise(); } return { makeRemoteCall: makeRemoteCall }; } ]) 에 대한 단위 테스트를 만들려면 myService내가 조롱 할 필요 myOtherService는되도록, makeRemoteCallReturningPromise방법은 약속을 반환합니다. 이것이 내가하는 방법입니다. describe('Testing remote call returning promise', function() …

152 javascript  angularjs  unit-testing  mocking  jasmine 

AngularJS를 배우고 있습니다. My1Ctrl을 사용하는 / view1 , My2Ctrl을 사용하는 / view2 가 있다고 가정 해 봅시다 . 각보기마다 간단하지만 다른 형식이있는 탭을 사용하여 탐색 할 수 있습니다. 사용자가 떠나서 view1 로 돌아올 때 view1 형식으로 입력 한 값 이 재설정되지 않도록하려면 어떻게해야합니까? 내 말은, view1에 대한 두 번째 방문은 …

152 javascript  angularjs