Angular - Data Bind Issue

Question

Итак, основная функциональность, которую я хочу, здесь, которая выбирает параметр из раскрывающегося меню и заполняет поле ввода.

JSFiddle:

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

 

Две вещи, которые я хочу исправить:

1. При вводе в I nput (поле «Тема электронной почты») Я не хочу менять выпадающее меню.

2. Я хочу, чтобы поле ввода инициализировать это шаблонное значение («E-mail Subject») вместо инициализации с «Выберите шаблонный ответ»

Я предполагаю, что это означает, что делает поле ввода имеют одностороннюю привязку данных, но я не уверен, как это сделать, любая помощь оценивается.

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> 

код расслоение плотной

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; 
    }; 

    }); 

увидеть, где я написал изменение этой. Там, где вы должны изменить свой код.