2017-09-26 10 views
3

우선 Angularjs에서 새로 왔고 영어에는 능숙하지 않습니다.지시어를 사용하지 않고 angularjs에 동적으로 요소를 추가하는 방법은 무엇입니까?

directive을 사용하여 <li>을 추가하려고 시도했으며 링크가 저의 첫 번째 목적으로 완료되었습니다.

Add element using directive

둘째 Controller에서 directive 또는 directive에서 two-way binding라고도 Controller에 값을 전달한다.

그러나이 단계에서는 @, = 및 '&'을 사용하는 방법을 알 수 없습니다.

directivedirective에 사용했기 때문에 추측되었습니다.

내 원래 코드에서 내 모달은 directive으로 이루어져 있으므로 button directiveController에서 값을 가져올 수 없습니다.

죄송합니다. directive을 피들로 만드는 방법을 모르므로 내 코드를 표시 할 수 없습니다.

.

.

directive을 사용하지 않고 요소를 동적으로 추가 할 수있는 방법이 있는지 알고 싶습니다.

내가 링크, 의사 또는 다른 어떤 것을 제안했는지에 상관없이, 나에게 큰 도움이 될 것입니다.

조금만주의하십시오. 고맙습니다. 좋은 하루 되세요!

답변

3

이것은 도움이 될 수 있습니다.

다음과 같이 javascript를 사용할 수 있습니다.

https://jsfiddle.net/u08pa50z/

angular.module('myApp', []) 


.controller('myCtrl', ['$scope', function($scope) { 
    $scope.count = 0; 
    var el = document.createElement("ul"); 
    el.style.width="600px"; 
    el.style.height="500px"; 
    el.style.background="green"; 

    var parent=document.getElementById("sib");  
    parent.appendChild(el); 





    $scope.myFunc = function() { 

     var ch = document.createElement("li");  
      el.appendChild(ch); 

    }; 
    }]); 
+0

오! 이것이 내가 원하는거야!! 죄송 합니다만,'appendChild'에'지시어'를 넣는 것이 가능합니까? 이것을 사용할 수는 있지만 요소가 너무 길어서이를 적용 할 수 없습니다. – CRDeity

+0

use는 이것을 위해 $ compile을 사용할 수 있습니다. (https://www.codeproject.com/Tips/1038684/AngularJs-Add-Remove-Directives-Dynamically-Save-D)[https://www.codeproject.com/Tips/1038684/AngularJs-Add-Remove- 지시 - 동적으로 저장 - D] –

+0

오 마이 !! 너는 나의 구세주 야 !! 정말 고맙습니다! – CRDeity

1

당신은 ng-include

페치로 이동 컴파일 및 외부 HTML 조각을 포함 할 수 있습니다.