使用angularjs从组合框中设置输入文本字段答案

【问题标题】：set input text field from combobox using angularjs使用angularjs从组合框中设置输入文本字段
【发布时间】：2015-02-11 04:51:06
【问题描述】：

我想从 JSON 对象中设置公式的输入文本字段，这是选择选项的值。我在 AngularJS 控制器中有一个数据，选择组合框后，数据已更改，但未填充文本字段。 https://github.com/lijunwu001/jstree_with_select.git 这是github上的演示链接。

【问题讨论】：

请输入一些代码
到目前为止你尝试了什么？
<select ng-model='vm.selected' required> <option ng-repeat="node in vm.treeData" value='{{ node }}'>{{ node.text }}</option> </select> 节点是 {id:1, text: text}<div ng-repeat='node in vm.selected'> ID: <input type='text' ng-attr-value='{{ node["id"] }}' /> Description: <input type='text' ng-attr-value='{{ node["text"] }}' size='35'/><br /> </div> 这是文本字段
我刚刚在 git 上创建了存储库：github.com/lijunwu001/jstree_with_select.git

标签： angularjs forms text input

【解决方案1】：

一般来说这是错误的方法。要查看您的错误，您可以更改您的代码

 <div ng-repeat='node in vm.selected'>
    ID: <input type='text' ng-attr-value='{{ node["id"] }}' />
    Description: <input type='text'  ng-attr-value='{{ node["text"] }}' size='35'/><br />
 </div>

收件人：

 <div ng-repeat='node in vm.selected track by $index'>
    Just symbol: <input type='text' ng-attr-value='{{ node }}' />
 </div>

看起来很奇怪，不是吗？这是因为您无法将对象绑定到“选择”之类的

<select ng-model='vm.selected' required>

单击“选择”选项后，您的 vm.selected 值只是字符串，而不是对象。你正在用这个字符串的符号做 ng-repeat。

【讨论】：

在选择选项中使用 ng-click 在 jstree 中调用 get_node(id) 后问题解决。谢谢

【解决方案2】：

你可以使用 ng-change 指令

【讨论】：

我刚刚在 git 上创建了存储库：github.com/lijunwu001/jstree_with_select.git 我想要的是在选择项目之后，它在控制器中更新 selected 的值，然后使用文本字段更新公式。演示页面左侧的树之类的东西。我无法想象如何在 select 标签中使用 ng-change 来解决问题。