javascript - 在页面加载时以 ionic 显示动态添加的字段

Question

我使用 ionic 和 angularjs 设计了工作门户应用程序。我在其中有一个名为 skills.html 的页面。其代码如下

<ion-view>
 <ion-nav-title>
    <span>Skills</span>
  </ion-nav-title>
  <ion-content>

    <div class="row responsive-sm" ng-repeat="item in inputs">
       <div class="col col-center">            
            <div class="list list-inset">
              <span class="input-label">Skill:</span>
              <input type="text" placeholder="Enter Skills" id="skill" name="skill" ng-model="skills[$index]">
            </div>  

           <div class="list list-inset">
              <span class="input-label">Proficiency:</span>
               <select ng-model="proficiency[$index]">
                    <option value="Beginner">Beginner</option>  
                    <option value="Intermediate">Intermediate</option>  
                    <option value="Advanced">Advanced</option>              
              </select> 
            </div>             

       </div>
     </div>  
     <div class="row responsive-sm">
       <div class="col">
         <div class="list list-inset">
            <button class="button button-block button-positive"  ng-click="submit_skill_details()">Submit</button>
          </div>
       </div>
     </div>
     <div class="row">
       <div class="col col-50">
         <button class="button button-block button-assertive" ng-click="addskills()">Add Skills</button>
         </div>
         <div class="col col-50">
         <button class="button button-block button-royal" ng-click="deleteskills()">Delete Skills</button>
         </div>
       </div>

  </ion-content>
</ion-view>

提交技能对我来说工作正常。我能够在登录时显示提交的技能。我必须单击“添加技能”按钮才能显示提交的技能，但我想在页面加载时显示它。例如:如果用户只提交了一项技能，如 html 那么在页面加载时它应该显示一行输入字段包含 html 。如果用户提交熟练初学者的 html 并单击添加技能按钮以熟练添加下一个技能 css，当用户重新登录并转到技能页面时，它应该显示两行。一行用于 html，下一行用于 CSS。

Answer 1

 <div>
                <label>Drop Down</label>
                 <select id = "prof" ng-model="newPayment.prof">
                <option value="Beginner">Beginner</option>  
                <option value="Intermediate">Intermediate</option>  
                <option value="Advanced">Advanced</option>              
          </select> 
            </div>

数据就像是: $scope.payments = [{ 编号:1， 教授:'初学者' }, { 编号:2， 教授:'初学者' }, { 编号:3， 教授:'中级' }];

当我点击任何现有技能时，数据已经填充在下拉列表中并且可见。