Javascript 带有MVC的AngularJS动态获取html、附加到正文并绑定控制器

我不熟悉AngularJS，有jQuery背景。因为我认为这是一项简单的任务，我发现它越来越困难。我已经研究了如何动态添加html并绑定到控制器，但我还没有发现我的特殊情况

这就是我正在努力实现的目标。现在我想通过一个简单的对话框使它保持简单。基本上，假设我想创建自己的自定义对话框。假设基于按钮点击，我想用按钮yes、no、cancel显示消息“you real you want to so and so”。然后根据按钮的点击，我想执行一个特定的操作，使用windows开发的用户将熟悉这一点

首先，我必须根据单击的按钮构造消息和对话框html，将输出html作为绝对位置附加到文档体，然后完成此操作后，从文档体中删除html

在jQuery中，我可以简单地做到这一点

...somewhere in code
var html = "<div id='123' class='dialog-box'><button id='yesButton'></button>
...elements for no and cancel</div>";
DisplayDialog("123", html);
...

function DisplayDialog(elementId, html) {
    $(document.body).append(html);
    var dElement = $(document.body).find("#" + elementId);
    $(dElement).find("#yesButton").on("click" function () {
        ...code
        $(dElement).remove();
    });
    ...code for no, and cancel events
}

…代码中的某个地方
var html=”
…用于“否”和“取消”的元素；
显示对话框（“123”，html）；
...
函数显示对话框（elementId，html）{
$（document.body）.append（html）；
var dElement=$（document.body）.find（“#”+elementId）；
$（删除）。查找（#是按钮”）。打开（“单击”功能（）{
…代码
$（删除）.remove（）；
});
…编号为“否”和“取消事件”
}

---

我只是不明白如何简单地用角度来做这件事。基本上，我希望能够获取html，将其附加到某个地方（无论是在主体中，还是在div元素中等等），并能够使用$scope与之交互。现在我把它简单化为一个对话框，如果我能理解这一点，我可以应用到更复杂的操作中，我可能需要在我的MVC应用程序中检索部分视图并将其附加到div中，这在角度上非常简单，考虑到jquery的背景，这对您来说应该不难：

var myEl = angular.element( document.querySelector( '#divID' ) );
myEl.append('Hi<br/>');  

var myEl=angular.element（document.querySelector（'#divID'）；
myEl.append（'Hi
'）；

另一种方式：

然后在html中使用ng bind并将其设置为表示html的$scope变量：

<div ng-bind-html="divHtmlVar"></div>

$scope.divHtmlVar = '<b>main html</b>';

$scope.divHtmlVar='main html'；

相关博文：

---

谢谢，虽然这确实回答了我关于如何设置和附加html的问题，但我仍然不知道如何将这个新的html绑定到控制器上，以便在其上使用作用域。例如，我使用的不是主html，而是，如何为新html动态创建新控制器？