アンギュラ - データバインドの問題

Question

だから、私が欲しいの主な機能は、ドロップダウンメニューからオプションを選択すると、それは私の入力フィールドを移入持つされ、ここにあります。私は修正したい

JSFiddle:

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

 

2つのこと：

1. Iに入力しますnput（ "Email Subject"）フィールド私は、ドロップダウンメニューオプションを変更することを心配していません。

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

    }); 

を参照してください。あなたのコードを変更する必要があります。