procenter
홈
태그
방명록
programing
AngularJS를 사용하여 다음을 바인딩하려면 어떻게 해야 합니까?AngularJS를 사용하여 다음을 바인딩하려면 어떻게 해야 합니까?
procenter
2023. 9. 27. 20:09
반응형
AngularJS를 사용하여 다음을 바인딩하려면 어떻게 해야 합니까?
element to an attribute that updates via a service 서비스를 통해 업데이트하는 속성의 요소I have a display controller and a management controller.저는 디스플레이 컨트롤러와 관리 컨트롤러가 있습니다. Inside my display controller, I have a dropdown selector with the list of items that have been selected.디스플레이 컨트롤러 안에는 선택한 항목 목록이 있는 드롭다운 선택기가 있습니다. I can get the display area dropdown to update the list, adding items as they are added in the management controller, but I cannot figure out how to select the newest item in the dropdown.관리 컨트롤러에 항목이 추가되면 목록을 업데이트하기 위해 표시 영역 드롭다운을 받을 수 있지만 드롭다운에서 최신 항목을 선택하는 방법을 알 수 없습니다. <div ng-controller="MyDisplayCtrl"> <diving-controller="MyDisplayCtrl"> <select ng-model="item" ng-options="i.name for i in items"> <ng-model="item" ng-options="i.name for i in items"> </select> </select></div> </div> I have made a jsfiddle to illustrate my situation.저는 제 상황을 설명하기 위해 jspidle을 만들었습니다. Ultimately, though, my question is how to bind that ng-model="item" to a data source updated by a service.하지만 궁극적으로 제 질문은 ng-model="item"을 서비스에서 업데이트한 데이터 소스에 바인딩하는 방법입니다. http://jsfiddle.net/whtevn/mUhPW/2/Well, it looks like I've found a pretty satisfactory answer to this.http://jsfiddle.net/whtevn/mUhPW/2/Well, 이에 대한 만족스러운 답변을 찾은 것 같습니다. I exposed the storage object itself through the controller 컨트롤러를 통해 스토리지 개체 자체를 노출했습니다.function MyDisplayCtrl($scope, ItemStore) { 함수 MyDisplayCtrl($scope, ItemStore) { $scope.items = ItemStore.items; $scope.items = ItemStore.items; $scope.item = ItemStore.currentItem; $scope.item = ItemStore.currentItem; // expose the itemstore service to the dom // 물품 보관소 서비스를 국내에 노출시키다 $scope.store = ItemStore $scope.store = ItemStore $scope.getItem = function(){ $scope.getItem = 함수 () { return(ItemStore.currentItem); 반환(ItemStore.currentItem); } }} } and then address the currentItem directly 그런 다음 현재 항목에 직접 주소를 지정합니다.<d<d>iv ng-controller="MyDisplayCtrl"> ivng-controller="MyDisplayCtrl"> <select ng-model="store.currentItem" ng-options="i.name for i in items"> <ng-model="store.currentItem" ng-options="i.name for i in items"> </select> </select></div> </div> http://jsfiddle.net/whtevn/Cp2RJ/3/Try using ng-options: ng-options를 사용하는 http://jsfiddle.net/whtevn/Cp2RJ/3/Try :<div ng-controller="MyDisplayCtrl"> <diving-controller="MyDisplayCtrl"> <select ng-options="i.name for i in items"></select> <ng-options="i.name for i in items">//select></div> </div> See: http://docs.angularjs.org/api/ng.directive:selectReferenceURL : https://stackoverflow.com/questions/13276339/using-angularjs-how-do-i-bind-a-select-element-to-an-attribute-that-updates-v참조: http://docs.angularjs.org/api/ng.directive:selectReferenceURL : https://stackoverflow.com/questions/13276339/using-angularjs-how-do-i-bind-a-select-element-to-an-attribute-that-updates-v
반응형
공유하기
게시글 관리
procenter
저작자표시
'
programing
' 카테고리의 다른 글
automake error ' .ltmain.찾을 수 없는
(0)
2023.09.27
python mysql.connector DictCursor?
(0)
2023.09.27
자바스크립트에서 정수 분할을 하는 방법(분할 응답을 int not float)?
(0)
2023.09.27
부트스트랩 날짜 선택기로 선택한 날짜 변경 탐지
(0)
2023.09.27
Spring을 통해 주입된 지도 구조 추상 맵퍼에 대한 Junit test 작성 방법
(0)
2023.09.27
티스토리툴바