は、角度

Question

と事業部の構造を作成するために、どのように私は何をしたいですjQueryのは、私は、この使用して角度をarchieveすることができますどのように何かがあるこの

function openPrivateChatWindow() { 
    var div = '<div id="' + ctrId + '" class="ui-widget-content draggable" rel="0">' + 
      <div class="header">' + 
       '<div style="float:right;">' + 
        '<img id="imgDelete" style="cursor:pointer;" src="/Images/delete.png"/>' + 
         '</div>' + 
         '<span class="selText" rel="0">' + userName + '</span>' + 
         '<span class="selText" id="msgTypeingName" rel="0"></span>' + 
       '</div>' + 
        '<div id="divMessage" class="messageArea">' + 
        '</div>' + 
        '<div class="buttonBar">' + 
         '<input id="txtPrivateMessage" class="msgText" type="text" />' + 
         '<input id="btnSendMessage" class="submitButton button" type="button" value="Send" />' + 
      '</div>' + 
        '<div id="scrollLength"></div>' + 
    '</div>'; 
} 

ような何かを、それがある場合、例えば私はそのためのいくつかのHTMLテンプレートを読み込むことができれば、それを行うためにどのように最善の方法何だろうそれともjQueryを使ってここに示したようにしますか

Answer 1

コントローラ内からDOMノードにhtmlノードを追加しないでください。 カスタムディレクティブを使用するか、ng-ifを使用してdivを非表示にして、ボタンをクリックすると表示されるようにします。

$scope.isChatHidden = true; 
$scope.openPrivateChatWindow = function() { 
    $scope.isChatHidden = false; 
} 


<div ng:if="isChatHidden"> 
    Other DOM Elements 
</div>