2017-09-26 81 views
3

首先,我是Angularjs的新人,而且不擅長英語。如何在不使用僞指令的情況下在angularjs中動態添加元素?

我試着用directive加上<li>,下面的鏈接完成了我第一個目的的結果。

Add element using directive

第二個是通過從值到ControllerdirectivedirectiveController,被稱爲two-way binding

但在這一步,我無法弄清楚如何使用@=和「&」。

我猜這是因爲在使用directivedirective

在我原來的代碼中,我的模態是由directive組成的,所以button directive似乎無法從Controller獲得值。

我很抱歉,我不能告訴你我自己的代碼,因爲我不知道如何在小提琴使許多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'中放置'directive'嗎?我可以使用這個,但是我的元素太長以至於無法適應這一點。 – CRDeity

+0

使用可以使用$編譯這個。 (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片段。

相關問題