2017-10-10 121 views
0

我有下面的框中填寫的信息:填充值文件

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>

我想創建一個按鈕,點擊它裏面的盒子是FE要填充的值例如,對於上面的框,從文本文件中選擇的值是「server_location」。該文本文件包括許多領域,如:

image_location=pqc_11 
 
db_location=xyz_2233 
 
server_location=abc-1122

如何填滿盒子上的按鈕。我現在用的角度JS打造的點擊請幫助填補箱.Thanks提前。

+1

從文件中讀取的數據作爲[檢查此鏈接](https://stackoverflow.com/a/16931623/562182)和簡單地結合到框 – jitender

回答

0

我認爲你應該在角度2上工作,因爲你的生活會更容易。 在AngularJS只需使用ngClick https://docs.angularjs.org/api/ng/directive/ngClick

添加它在你的輸入,然後填寫值字段

凡fillInput()既可以使用:

1 - ElementRef訪問DOM元素更改。

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