如何使用 angularjs 将一个输入值绑定或复制到另一个输入？

Question

大家好，我在我的 Web 门户中使用 MEAN 堆栈，AngularJS 作为我的前端，
在我的门户中，我想上传用户个人资料图片，所以我使用 uplodcare平台在我的门户中上传图片。
My Plunker
选择图片后我们在upload input中得到那个图片url，然后我们需要将这些url值绑定或复制到下面的输入中存储一个后端。所以我们试图得到像 ng-bind="userimg=img" value="{{img}}" 这样的解决方案，但它不起作用。请检查并更新我们谢谢。

我的代码：-

<div>
    <label >Upload Img</label>
  <input ng-model="img" role="uploadcare-uploader" name="content" data-public-key="240426036fd9daf2d723" data-images-only />

</div>

<div>
    <label for="quantity">Fetch above input value in this input</label>
    <input type="text" ng-model="userimg" ng-bind="userimg=img" value="{{img}}">

</div>

Answer 1

您只需在 <label for="quantity"> 的文本字段中显示 img 变量。

在ts文件中声明一个变量img

 img;

在html文件中

<div>
     <label >Upload Img</label>
      <input [(ngModel)]="img" role="uploadcare-uploader" name="content" data-public-key="240426036fd9daf2d723" data-images-only />

    </div>

    <div>
        <label for="quantity">Fetch above input value in this input</label>
        <input type="text" [(ngModel)]="img" value="{{img}}">

    </div>

Answer 2

我有一个针对你问题的临时解决方案，因为你正在使用 angularJS 1 版本

   <div>
      <label >Upload Img</label>
      <input id="fileId" role="uploadcare-uploader" name="content" data-public- 
       key="240426036fd9daf2d723" data-images-only />  
   </div>
   <div>
     <label for="quantity">Fetch above input value in this input</label>
     <input type="text" ng-model="userimg">         
     <input type="submit" value="Set">
   </div>

并在控制器中

$scope.userimg = null;
$(':submit').on('click', function() {
  var input = $('#fileId');

  $scope.userimg = input[0].value;
  $scope.$apply();
})

点击设置按钮，您将获得该值。由于您正在使用此库 https://ucarecdn.com/libs/widget/3.3.0/uploadcare.full.min.js 我可以提供此临时解决方案

如果您正在使用 angularJs 1 任何版本然后使用 angular-uploadcare 库

https://github.com/uploadcare/angular-uploadcare

如果您使用的是 angular 2 或更高版本，请使用 ngx-uploadcare-widget https://github.com/uploadcare/ngx-uploadcare-widget

如何使用 angularjs 将一个输入值绑定或复制到另一个输入？

How can i Bind or copy one input value into another input using of angularjs?

html

angularjs

meanjs