从angularjs中的另一个模型设置输入文本框值

编码器

我有一个html选择字段。我想将selecteditems pid属性用作输入文本框的默认值。我尝试了以下两种方法

我的选择栏

<select ng-model="selectedProduct" ng-options="product.pname for product in products"></select>

方法1:

<input type="text" data-ng-model="neworder.pid" ng-init="neworder.pid={{selectedProduct.pid}}" required />

方式2:

<input type="text" data-ng-model="neworder.pid" required />

并在控制器中

$scope.neworder.pid = $scope.selectedProduct.pid

但是未能使它们都起作用。如何正确做?

更新资料

我的表格包含选择字段。

<form name="addOrder" data-ng-show="addMode" style="width:600px;margin:0px auto;">
        <select ng-model="selectedProduct" ng-options="product.pname for product in products"></select>
        {{selectedProduct.pid}}
        <label>PID:</label><input type="text" data-ng-model="neworder.pid" ng-init="neworder.pid={{selectedProduct.pid}}" required />
        <label>OID:</label><input type="text" data-ng-model="neworder.oid" required />
        <label>QTY:</label><input type="text" data-ng-model="neworder.qty" required />
        <label>TOTAL:</label><input type="text" data-ng-model="neworder.total" required />
        <br />
        <!-- <span class="error" data-ng-show="addCustomer.$error.required">Required!</span>-->
        <br />
        <input type="submit" value="Add" data-ng-click="add()" data-ng-disabled="!addOrder.$valid" class="btn btn-primary" />
        <input type="button" value="Cancel" data-ng-click="toggleAdd()" class="btn btn-primary" />
        <br /><br />
    </form>

在控制器中添加功能

$scope.add = function () {
            $http.post('/api/OrderDetails/', this.neworder).success(function (data) {
                alert("Added Successfully!!");
                $scope.addMode = false;
                $scope.orders.push(data);
            }).error(function (data) {
                $scope.error = "An Error has occured while Adding product! " + data;

            });
        };
J

为什么不仅仅绑定到selectedProduct

像这样:

<input type="text" ng-model="selectedProduct.pid" name="pid">

您可以在这里看到它的工作原理

编辑

ng-change像这样使用

<select ng-options="..." ng-change="newOrder.pid=selectedProduct.pid" ng-model="..."></select>

<input type="text" ng-model="newOrder.pid">

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

从angularjs中的另一个模型设置输入文本框值

来自分类Dev

角度-在另一个组件的输入文本框中设置值

来自分类Dev

如何根据另一个文本框值在jdeveleper的表中设置文本框只读?

来自分类Dev

在另一个文本框中输入数据时文本框完成

来自分类Dev

根据在另一个文本框中输入的文本在文本框中显示文本

来自分类Dev

如何根据另一个文本框的值自动设置文本框的值

来自分类Dev

抓取输入值并将其显示为另一个文本框中的值

来自分类Dev

在文本框中输入另一个值后,只显示一次文本框的数量

来自分类Dev

如何使用AngularJS将值从1个文本框绑定到C#中的另一个文本框

来自分类Dev

如何将值从输入文本框传递到Laravel中的另一个页面

来自分类Dev

根据另一个文本框中的输入数字显示正确的文本框数量

来自分类Dev

合并来自文本框的输入以自动填充另一个文本框

来自分类Dev

在一个文本框中输入数字,在另一个文本框中输入单词作为输出

来自分类Dev

无法将文本框值分配给jQuery中的另一个文本框

来自分类Dev

根据数据库中的另一个文本框填充文本框值

来自分类Dev

如何在另一个文本框中同时写入文本框值?

来自分类Dev

用户在文本框中插入值后如何显示另一个文本框?

来自分类Dev

禁用文本框,取决于另一个文本框的值

来自分类Dev

通过VBA更新另一个表单的文本框中的值

来自分类Dev

从另一个页面导航回来后,UWP 无法在文本框中设置文本

来自分类Dev

如何计算在文本框中输入的数字的 10% 并立即在 php 和 html 中的另一个文本框中显示结果

来自分类Dev

自动将文本框的输入复制到另一个文本框

来自分类Dev

将在文本字段中输入的值转移到另一个angularJs

来自分类Dev

将在文本字段中输入的值转移到另一个angularJs

来自分类Dev

在另一个文本框中的选定文本之前添加文本

来自分类Dev

将文本框值转发到同一页面中的另一个隐藏文本框

来自分类Dev

输入事件后将光标移动到另一个文本框-VBA

来自分类Dev

输入事件后将光标移动到另一个文本框-VBA

来自分类Dev

在另一个窗口中使用文本框输入?

Related 相关文章

  1. 1

    从angularjs中的另一个模型设置输入文本框值

  2. 2

    角度-在另一个组件的输入文本框中设置值

  3. 3

    如何根据另一个文本框值在jdeveleper的表中设置文本框只读?

  4. 4

    在另一个文本框中输入数据时文本框完成

  5. 5

    根据在另一个文本框中输入的文本在文本框中显示文本

  6. 6

    如何根据另一个文本框的值自动设置文本框的值

  7. 7

    抓取输入值并将其显示为另一个文本框中的值

  8. 8

    在文本框中输入另一个值后,只显示一次文本框的数量

  9. 9

    如何使用AngularJS将值从1个文本框绑定到C#中的另一个文本框

  10. 10

    如何将值从输入文本框传递到Laravel中的另一个页面

  11. 11

    根据另一个文本框中的输入数字显示正确的文本框数量

  12. 12

    合并来自文本框的输入以自动填充另一个文本框

  13. 13

    在一个文本框中输入数字,在另一个文本框中输入单词作为输出

  14. 14

    无法将文本框值分配给jQuery中的另一个文本框

  15. 15

    根据数据库中的另一个文本框填充文本框值

  16. 16

    如何在另一个文本框中同时写入文本框值?

  17. 17

    用户在文本框中插入值后如何显示另一个文本框?

  18. 18

    禁用文本框,取决于另一个文本框的值

  19. 19

    通过VBA更新另一个表单的文本框中的值

  20. 20

    从另一个页面导航回来后,UWP 无法在文本框中设置文本

  21. 21

    如何计算在文本框中输入的数字的 10% 并立即在 php 和 html 中的另一个文本框中显示结果

  22. 22

    自动将文本框的输入复制到另一个文本框

  23. 23

    将在文本字段中输入的值转移到另一个angularJs

  24. 24

    将在文本字段中输入的值转移到另一个angularJs

  25. 25

    在另一个文本框中的选定文本之前添加文本

  26. 26

    将文本框值转发到同一页面中的另一个隐藏文本框

  27. 27

    输入事件后将光标移动到另一个文本框-VBA

  28. 28

    输入事件后将光标移动到另一个文本框-VBA

  29. 29

    在另一个窗口中使用文本框输入?

热门标签

归档