2017-09-26 2 views
3

まず、私はAngularjsで新しく、英語ではうまくいきません。指令を使わずにangularjsに動的に要素を追加するには?

directiveを使用して<li>を追加しようとしましたが、下のリンクが私の最初の目的のために完成しました。

Add element using directive

第二にtwo-way bindingとして知られている、Controllerからdirectiveまたはdirectiveから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フラグメントをコンパイルし、含まれています。

関連する問題