javascript - ng-model 作为 ng-init 输入的值
问题描述
我试图弄清楚如何根据我的另一个输入的 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
,如何在第二个输入中显示章节名称?
解决方案
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>
推荐阅读
- sql-server - 如何在 SQL 中根据天数和顺序设置标志
- c++ - 如何扩展继承类的继承类
- python - 发生错误时如何使用另一个python脚本重新启动python脚本
- objective-c - 如何从 int* 转换为 NSNumber*
- javascript - 如果列表项 onClick 并重置其他项,则更改背景颜色
- java - 如果帧大小 > 1,Java AudioInputStream IOException 无法读取单个字节
- reactjs - MobX 和 Firebase,TypeError:WEBPACK_IMPORTED_MODULE_0__firebase.b.ref 不是函数
- javascript - babel loader 仅在文件上工作
- php - 在未找到 Laravel 类中使用 aws-sdk-php
- python - 我的 IDE 和 PythonTutor.com 之间的准确性?