На странице load показать динамически добавленные поля в ионном

Question

Я разработал приложение для работы с порталом, используя ионные и угловые. У меня есть имя страницы 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> 

Submittion навыков работает нормально для меня.Я могу показать представленные навыки на входе в. Я должен нажать кнопку «добавить навыки», чтобы показать представленное умение, но я хочу показать его при загрузке страницы. Например: если пользователь отправил только один навык, например html, а затем в pageload, он должен показать одну строку с полями ввода, содержащими 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 = [{ ID: 1, проф: '' для начинающих}, { ID: 2, проф: 'Начальный' }, { ID: 3, prof: 'Intermediate' }];

Когда я нажимаю на любой существующий навык, данные уже заполняются в раскрывающемся списке и видны.