点击文本文件

时间:2017-10-10 06:38:33

标签: javascript html angularjs angular-ui-bootstrap

我有以下方框来填写信息:

enter image description here

我有以下代码来创建上面的框:



<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>


  <!-- server Location Field  -->

    <div  class="form-group" style="width: 80%; margin-left:10%;" > 
  <span style="position: relative;color:red; left: -10px"><font>*</font> </span>
   <input  maxlength="20" type="text"  class="form-control filled" ng-model="ctrl.form1.serverLocation" placeholder="serverLocation"  name="serverLocation" ng-required="ctrl.form1.date=='Enable'"></input>

  <span ng-show="f2.serverLocation.$dirty && f2.serverLocation.$error.required" style="color: red"> server Location is required</span>
    </div>
&#13;
&#13;
&#13;

我正在尝试创建一个按钮,单击该框中要填充的值将从.text文件中获取。例如,对于上面的框,要从文本文件中选取的值为&#34 ; server_location&#34; 。文本文件包含许多字段,例如:

&#13;
&#13;
image_location=pqc_11
db_location=xyz_2233
server_location=abc-1122
&#13;
&#13;
&#13;

请点击按钮填写方框,以获得帮助。我正在使用角度JS来创建填充框。提前谢谢。

1 个答案:

答案 0 :(得分:0)

我认为你应该在角度2上工作,因为你的生活会更轻松。 在AngularJS上,只需使用ngClick https://docs.angularjs.org/api/ng/directive/ngClick

在输入中添加,然后填写值字段

fillInput()都可以使用:

1 - ElementRef访问DOM元素并进行更改。

2 - ViewChild <input #viewInput type="text" value="{{serverLocation}}"/>