ng-model作為ng-init輸入的值

Question

我試圖弄清楚如何根據另一個輸入的ng-model設置輸入的值，這是我所做的：

 angular.module('selectExample', []) .controller('ExampleController', ['$scope', function($scope) { $scope.register = { regData: { branch: {}, }, bloodbankchapters: [ {_id:'5c014c999cc48c3b0057988b', chapter_name:"AB"}, {_id:'5c014c999cc48c3b0057988c', chapter_name:"A"}, ], }; }]); 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.5/angular.min.js"></script> <div ng-app="selectExample" ng-controller="ExampleController"> <select ng-model="register.regData.branch" ng-options ="chapter.chapter_name for chapter in register.bloodbankchapters track by chapter._id"> <option ng-repeat="chapter in register.bloodbankchapters" >{{chapter.chapter_name}}</option> </select> <div>{{register.regData.branch.chapter_name}}</div> <input type="text" ng-model="register.regData.branch_name" name="branch_name" ng-init="register.regData.branch_name='{{register.regData.branch.chapter_name}}'"> </div> 

如您所見，我的第二個輸入從字面上顯示了{{register.regData.branch.chapter_name}}而不是chapter_name ，我該如何在我的第二個輸入中顯示Chapter_name？

Answer 1

HTML稍有變化。 你可以參考JsFiddle

<div ng-app="selectExample" ng-controller="ExampleController">

  <select ng-model="register.regData.branch" ng-options ="chapter.chapter_name for chapter in register.bloodbankchapters" ng-change="register.regData.branch_name=register.regData.branch.chapter_name">
    <option ng-repeat="chapter in register.bloodbankchapters" >{{chapter.chapter_name}}</option>
  </select>
  <div>{{register.regData.branch.chapter_name}}</div>

  <input type="text" ng-model="register.regData.branch_name" name="branch_name"> 

</div>

Answer 2

如果我理解正確，您需要這樣的東西嗎？ https://stackblitz.com/edit/angularjs-52l5k7

如果要重用ng-model，則應使用ng-bind綁定數據。 https://docs.angularjs.org/api/ng/directive/ngBind