각도 - 데이터 바인딩 문제

Question

내가 원하는 주요 기능은 드롭 다운 메뉴에서 옵션을 선택하고 입력 필드를 채우는 것입니다.

1. 이 난에 입력 할 때 :

   JSFiddle:

   <div ng-app="app" ng-controller="MainCtrl"> 
   

    

   두 가지 내가 해결하려면 nput ("Email Subject") 필드 드롭 다운 메뉴 옵션을 변경하는 데 wan't하지 않습니다.

2. 나는이 입력 필드를 만드는 의미 내가 있으리라 믿고있어

의 "준비된 답변 선택"대신에 초기화 ("이메일 제목")의 그것의 자리 값을 초기화 할 입력 필드를 원하는 단방향 데이터 바인딩을 가지고 있지만, 어떻게해야할지 모르겠다. 어떤 도움을 주셔서 감사합니다. 내가 변경이을 쓴 곳

Answer 1

<div ng-app="app" ng-controller="MainCtrl"> 
    <input ng-model="CannedResponse" placeholder="Email Subject"><!--change this--> 
    <div class="item item-input item-select" > 
    <div class="input-label">&nbsp;</div> 
    <select ng-model="newSelectedITem" ng-options="CannedResponse as CannedResponse.label for CannedResponse in CannedResponses" 
     ng-change="yourFunction()"> <!--change this--> 
     <option value="{{item.value}}"> </option> 
    </select> 
    </div> 
</div> 

JS 코드는

angular.module('app', []) 
    .controller('MainCtrl', function($scope) { 
    $scope.CannedResponses = [{ 
     label: 'Selet a Canned Response', 
     value: 0 
    }, { 
     label: 'Hi there whats up', 
     value: 1 
    }, { 
     label: 'Here is another response', 
     value: 2 
    }, { 
     label: 'Why not select this one?', 
     value: 3 
    }]; 

    $scope.newSelectedITem = $scope.CannedResponses[0] //ADD THIS (X1) 
    $scope.CannedResponse='';//add this 
    $scope.yourFunction = function() {//add this function 
    $scope.CannedResponse = $scope.newSelectedITem.label; 
    }; 

    }); 

참조하십시오. 여기서 코드를 변경해야합니다.