Javascript angularjs:-带有用户输入值的控件文本框

Javascript angularjs:-带有用户输入值的控件文本框,javascript,angularjs,twitter-bootstrap,dynamic,Javascript,Angularjs,Twitter Bootstrap,Dynamic,我试图创建一个文本框,用户将在其中发送参数,我必须在页面上显示文本框 我将有一个文本框,用户可以提交值,如:填充或文本颜色,我必须显示相应的图像显示的文本 下面的代码用于显示我们获得的图像并显示其上的文本:- <fieldset class="ng-binding"> <legend>Upload on form submit</legend> Username: <input

我试图创建一个文本框,用户将在其中发送参数,我必须在页面上显示文本框

我将有一个文本框,用户可以提交值,如:填充或文本颜色,我必须显示相应的图像显示的文本

下面的代码用于显示我们获得的图像并显示其上的文本:-

  <fieldset class="ng-binding">
            <legend>Upload on form submit</legend>
            Username:
            <input type="text" name="userName" ng-model="username" size="39" required="">
            <i ng-show="myForm.userName.$error.required">*required</i>
            <br> Profile Picture:
            <input type="file" ngf-select="" ng-model="picFile" name="file" ngf-accept="'image/*'" required="">
            <i ng-show="myForm.file.$error.required">*required</i>
            <br> Profile Picture1:
            <input type="file" ngf-select="" ng-model="picFile1" name="file" ngf-accept="'image/*'" required="">
            <i ng-show="myForm.file.$error.required">*required</i>
            <br>

            <button ng-disabled="!myForm.$valid" ng-click="uploadPic(picFile)">Submit for pic one</button>
            <button ng-disabled="!myForm.$valid" ng-click="uploadPic(picFile1)">Submit for pic two</button>
            <img ngf-src="picFile" class="col-md-12 col-xs-6 thumb img img-responsive" style="position:relative">
            <div ng-if="picFile" class="internal" style ="margin:250px 0 0 250px;position:absolute">this is the internal working for file</div>
              <img ngf-src="picFile1" class="col-md-12 col-xs-6 thumb img img-responsive">
              <span class="progress" ng-show="picFile.progress >= 0">
                    <div style="width:{{picFile.progress}}%" ng-bind="picFile.progress + '%'" class="ng-binding"></div>
                </span>
              <span ng-show="picFile.result">Upload Successful</span>
          </fieldset>

在提交表格时上载
用户名:
*必需的

个人资料图片: *必需的
剖面图1: *必需的
提交图片一 提交图片二 这是文件的内部工作 上传成功
我试图在ng模型的帮助下进行控制,但到目前为止没有帮助。请帮助


谢谢你,我不能理解你想要什么,请具体和精确。@ MunaIdSalaAT有一个我正在得到的图像。我想根据用户给出的属性在它上面放一个文本框。所以我有一个文本框,并给它一个值边距:20px它应该考虑这个值,盒子应该取值。代码在哪里?文本框属性?@mJunaidSalaat我不知道如何实现它,因此我感到困惑。你能为它提供一个提琴吗?我不能正确理解你想要什么,请具体和精确。@mJunaidSalaat我得到一个图像。我想根据用户提供的属性在它上面放置一个文本框。所以我有一个文本框Box并给它一个值边距:20px它应该考虑这个值,而这个框应该取值为文本框属性的代码在哪里?@ MunaIdSalaaAT我不知道如何实现它,因此我得到了StkkCon你提供了一个小提琴吗?