AngularJS - 在Razor的Bootstrap popover中显示ng-show

Question

我有一个按钮列表，表示我的数据库上的文件夹层次结构。单击时，我想要一个Bootstrap弹出窗口，其中包含用于添加新文件夹，删除文件夹，更改层次结构等的图标按钮。但是，AngularJS在弹出框中不起作用，导致ng-click和ng-show不再起作用。这是一个按钮：

<button type="button" id="0" ng-click="selectFolder($event)" class="btn btn-default" data-toggle="popover" data-placement="top" title="Bewerk folder" data-content="@popoverContent">@ViewBag.Title</button>

var popoverContent = "";
popoverContent += "<button type='button' id='newHierarchy' class='btn btn-success' ng-click='addHierarchy = !addHierarchy'>";
popoverContent += new Icon("plus").Html;
popoverContent += "</button>";
popoverContent += "<input type='text' id='newHierarchyName' class='form-control' name='newHierarchyName' ng-show='addHierarchy' />";

我发现了一些类似的问题，其答案都涉及指令。但是，我不明白我应该如何实施指令。