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

时间:2018-05-10 11:40:12

标签: html angularjs meanjs

  • 大家好我在我的门户网站中使用MEAN堆栈,并将AngularJS作为我的前端,
  • 在我的门户网站中,我想上传用户个人资料图片,因此我使用uplodcare平台在我的门户网站上传图片。

  • My Plunker

  • 选择Image后,我们在upload input中获取该图片网址,然后我们需要将这些网址值绑定或复制到下方输入中以存储在后端。所以我们试图让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> 

1 个答案:

答案 0 :(得分:0)

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

在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>