gyphicon-plus를 클릭 할 때 텍스트 상자 생성

Question

사용자가 gyphicon-plus를 클릭 할 때마다 또는 일반 버튼이 더 이상적 일 때마다 텍스트 상자를 생성 할 수 있습니까? 나는 팝업이 나타나면 사용자가 자이 콘 플러스 버튼 &을 클릭하여 텍스트 상자를 생성 할 수있는 모토를 만들려고합니다.

감사합니다.

Answer 1

컨트롤러에이 기능을 추가하기 만하면되지만 DOM을 조작 할 때마다 지시문을 사용하는 것이 가장 좋습니다.

이 지침 정의 : 당신의 HTML에서 그런

app.directive('addInput', function($compile){ 
    return { 
    restrict:'E', 
    template:'Click symbol to add <span ng-click="addTextBox()" class="glyphicon glyphicon-plus" aria-hidden="true"></span>', 
    link: function(scope, element){ 
     scope.addTextBox = function() { 
     var el = $compile('<input type="text">')(scope); 
     element.parent().append(el); 
     }; 
    } 
    } 
}) 

당신이 좋은 것 지금까지 성취 한 그 무엇에 대한

<add-input></add-input>