Построить динамическую форму в angularjs

Question

Я хотел бы, чтобы пользователь выбирал номер из поля выбора. На основе числа я хочу построить несколько кнопок и текстовых полей. Я храню html в переменной и изменяю ее на основе результата выбора, но угловое отображает его как текст вместо элементов формы.

app.js

var myApp = angular.module('myApp',[]); 

myApp.controller("myCtrl", function($scope){ 
    this.players=[]; 
    this.playerForm = "choose no. of players"; 
    this.num = 0; 
    this.change = function(){ 
     this.playerForm = ""; 
     for (var i= 1; i<= this.num; i++) { 
      this.playerForm += '<button ng-click="ctrl.remove()">Remove</button>'; 

     } 
    }; 
}); 

index.html

<div class="large-3"> 
     <select ng-model="ctrl.num" ng-change="ctrl.change()"> 
      <option value="0">No. of players</option> 
      <option value="1">1</option> 
      <option value="2">2</option> 
     </select> 
     {{ctrl.playerForm}} 
    </div> 

Answer 1

Я пытался что-то similair, но в конечном итоге с помощью JQuery для достижения цели.

for(i = 0; i < this.num; ++i) { $yourElement.append('<button>Your_button<button/>'); } 

Тогда я по-прежнему использовать JQuery, чтобы добавить элемент в DOM