«angularjs» 태그된 질문

테이블 행에 클릭 이벤트가 있으며이 행에는 클릭 이벤트가있는 삭제 버튼도 있습니다. 삭제 버튼을 클릭하면 행의 클릭 이벤트도 시작됩니다. 여기 내 코드가 있습니다. <tbody> <tr ng-repeat="user in users" class="repeat-animation" ng-click="showUser(user, $index)"> <td>{{user.firstname}}</td> <td>{{user.lastname}}</td> <td>{{user.email}}</td> <td><button class="btn red btn-sm" ng-click="deleteUser(user.id, $index)">Delete</button></td> </tr> </tbody> showUser표 셀에서 삭제 버튼을 클릭하면 이벤트가 발생 하지 않도록 …

433 javascript  angularjs  angularjs-ng-click 

ng-if와 ng-show/ 의 차이점을 이해하려고 ng-hide하지만 그들은 나에게 동일하게 보입니다. 둘 중 하나를 사용하기로 선택했을 때 명심해야 할 차이점이 있습니까?

427 angularjs  angularjs-ng-show  angularjs-ng-if 

ng-repeat항상 배열을 반복 해야하는 대신 정의 된 횟수만큼 방법이 있습니까? 예를 들어 아래에서 목록 항목을 5로 가정 $scope.number하고 숫자를 증가시키는 것으로 5 번 표시하고 각 목록 항목이 1, 2, 3, 4, 5와 같이 증가하도록하십시오. 원하는 결과 : <ul> <li><span>1</span></li> <li><span>2</span></li> <li><span>3</span></li> <li><span>4</span></li> <li><span>5</span></li> </ul>

417 javascript  html  angularjs  angularjs-ng-repeat 

서비스가 있습니다. factory('aService', ['$rootScope', '$resource', function ($rootScope, $resource) { var service = { foo: [] }; return service; }]); 그리고 fooHTML로 렌더링되는 목록을 제어하는 데 사용 하고 싶습니다 . <div ng-controller="FooCtrl"> <div ng-repeat="item in foo">{{ item }}</div> </div> 컨트롤러 aService.foo가 업데이트 될 때를 감지하기 위해 컨트롤러에 aService를 추가 $scope한 다음 …

414 angularjs  watch  angular-services 

ng-view를 사용하여 AngularJS 부분보기를 포함하고 있으며 포함 된보기를 기반으로 페이지 제목과 h1 헤더 태그를 업데이트하고 싶습니다. 이것들은 부분 뷰 컨트롤러의 범위를 벗어나므로 컨트롤러의 데이터 세트에 바인딩하는 방법을 알 수 없습니다. ASP.NET MVC 인 경우 @ViewBag를 사용 하여이 작업을 수행 할 수 있지만 AngularJS에서 이에 해당하는 것을 모릅니다. 공유 서비스, 이벤트 …

411 javascript  angularjs  templates  partial-views  angular-routing 

아래 텍스트 상자에서 Enter 키 누르기 이벤트를 잡고 싶습니다. 더 명확하게하기 위해 a ng-repeat를 사용 하여 tbody를 채 웁니다. HTML은 다음과 같습니다. <td><input type="number" id="closeqty{{$index}}" class="pagination-right closefield" data-ng-model="closeqtymodel" data-ng-change="change($index)" required placeholder="{{item.closeMeasure}}" /></td> 이것은 내 모듈입니다. angular.module('components', ['ngResource']); 리소스를 사용하여 테이블을 채우고 있으며 컨트롤러 코드는 다음과 같습니다. function Ajaxy($scope, $resource) { …

410 angularjs  angularjs-directive  angular-ui 

나는 앵귤러 프레젠테이션 중 하나에 있었고 언급 된 회의에서 한 사람 ng-bind이 {{}}구속력 보다 낫습니다 . 이유 중 하나는 ng-bind변수를 감시 목록에 넣고 모델 변경이있을 때만 데이터를 보려고 밀어 넣을 {{}}때마다 매번 표현식을 보간하고 (각도 사이클이라고 생각합니다) 값이 변경 되었더라도 변경되지 않습니다. 또한 화면에 데이터가 많지 않으면 사용할 수 {{}}있으며 …

401 javascript  angularjs  ng-bind 

에 HTML 스 니펫을 포함 시키려고하는데 ng-repeat포함이 작동하지 않습니다. 현재 구문 ng-include이 이전 구문과 다른 것 같습니다. <div ng-include src="path/file.html"></div> 그러나 공식 문서 에서는 사용한다고 말합니다. <div ng-include="path/file.html"></div> 그러나 페이지 아래 로 표시됩니다 <div ng-include src="path/file.html"></div> 어쨌든, 나는 시도했다 <div ng-include="views/sidepanel.html"></div> <div ng-include src="views/sidepanel.html"></div> <ng-include src="views/sidepanel.html"></ng-include> <ng-include="views/sidepanel.html"></ng-include> <ng:include src="views/sidepanel.html"></ng:include> 내 …

398 javascript  html  include  angularjs  repeater 

나는 다음과 같은 서비스를 가지고있다 : angular.module('app').factory('ExampleService', function(){ this.f1 = function(world){ return 'Hello '+world; } return this; }) JavaScript 콘솔에서 테스트f1() 하고 서비스 기능 을 호출하고 싶습니다 . 어떻게해야합니까?

395 angularjs  angularjs-service 

어떤 곳에서는 지시문 로직에 컨트롤러 기능을 사용하는 것으로 보이고 다른 곳에서는 링크를 사용합니다. 각도 홈페이지의 탭 예제는 컨트롤러 하나를 사용하고 다른 명령어는 링크를 사용합니다. 둘의 차이점은 무엇입니까?

393 javascript  angularjs  web-applications  javascript-framework 

나는 하나의 js 라이브러리 만 알고 있으며 jQuery 입니다. 그러나 그룹의 다른 코더는 AngularJS 를 새 프로젝트의 기본 라이브러리로 변경 하고 있습니다. 나는 그것에 대해 아무것도 모른다. jQuery와 어떻게 다릅니 까? jQuery에서 비슷한 작업을 수행하는 함수 집합이 이미 있습니다. AngularJS와 함께 jQuery를 계속 사용할 수 있습니까?

388 javascript  jquery  angularjs 

다음과 ng-repeat같은 간단한 루프가 있습니다 . <li ng-repeat='task in tasks'> <p> {{task.name}} <button ng-click="removeTask({{task.id}})">remove</button> </li> 컨트롤러에 기능이 있습니다 $scope.removeTask(taskID). 내가 아는 한 Angular는 먼저 뷰를 렌더링하고 보간 {{task.id}}된 숫자로 대체 한 다음 클릭 이벤트에서 ng-click문자열 을 평가 합니다. 이 경우 ng-click완전히 예상되는 것을 얻습니다. ng-click="removeTask(5)".그러나 ... 아무것도하지 않습니다. 물론 배열이나 …

386 angularjs  ng-repeat  angularjs-ng-click 

컨트롤러를 사용하여 컨트롤러를 설정했습니다. data-ng-controller="xyzController as vm" 부모 / 자식 중첩 컨트롤러에 대한 시나리오가 있습니다. 을 사용하여 중첩 된 HTML의 부모 속성에 액세스하는 데 문제가 없지만 $parent.vm.property자식 컨트롤러 내에서 부모 속성에 액세스하는 방법을 알 수 없습니다. $ scope를 주입하고을 사용하려고 시도했지만 $scope.$parent.vm.property작동하지 않습니까? 누구든지 조언을 줄 수 있습니까?

382 angularjs  angularjs-scope 

각도에서 여러 필드를 동시에 사용하여 정렬하는 방법은 무엇입니까? 예를 들어 그룹 별 및 하위 그룹 별 주먹 $scope.divisions = [{'group':1,'sub':1}, {'group':2,'sub':10}, {'group':1,'sub':2},{'group':1,'sub':20},{'group':2,'sub':1}, {'group':2,'sub':11}]; 나는 이것을 이것을 표시하고 싶었다. 그룹 : 하위 그룹 1-1 1-2 1-20 2-1 2-10 2 ~ 11 <select ng-model="divs" ng-options="(d.group+' - '+d.sub) for d in divisions | …

382 javascript  angularjs  sorting  angularjs-ng-repeat  angularjs-orderby 

나는 모두 알고 Watchers그리고 Observers뭔가 즉시 계산된다 $scopeAngularJS와 변화. 그러나 둘 사이의 차이점이 정확히 무엇인지 이해할 수 없었습니다. 내 초기 이해는 함수가 실행될 때 실행되는 ObserversHTML 측의 조건 인 각도 표현식에 대해 계산 된다는 것입니다 . 제대로 생각하고 있습니까?Watchers$scope.$watch()

378 javascript  angularjs