ng-модель как значение для ввода ng-init - PullRequest
Новая
       6

ng-модель как значение для ввода ng-init

0 голосов
/ 18 января 2019

Я пытаюсь выяснить, как я могу установить значение моего ввода на основе ng-модели моего другого ввода, вот что я сделал: 

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, Как я могу показать имя_главы во втором входе?

Ответы [ 2 ]

0 голосов
/ 18 января 2019

Есть небольшие изменения в 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>
0 голосов
/ 18 января 2019

Если я правильно понимаю, тебе нужно что-то подобное? https://stackblitz.com/edit/angularjs-52l5k7

Если вы хотите повторно использовать вашу модель ng, вы должны использовать ng-bind для привязки данных. https://docs.angularjs.org/api/ng/directive/ngBind

...