Javascript “角度材质”对话框的问题

我有下面的代码来生成一个对话框，但它没有显示出来。当我点击一个按钮来显示对话框时，我只看到页面上的一个黑色层，而没有对话框。当我点击黑暗层时，它消失了

我在这里声明我的angular模块及其对ngMaterial的依赖关系。我在这里声明了一个控制器，它取决于“$mdDialog，$mdMedia”

$scope.showAbortSessionForm=函数（事件）{
var useFullScreen=（$mdMedia（'sm'）| |$mdMedia（'xs'））和&$scope.customFullscreen；
$mdDialog.show({
控制器：对话框控制器，
templateUrl:'app/views/stop.html'，
//模板：“测试”，
父元素：angular.element（document.body），
目标事件：事件，
单击外部以关闭：true，
全屏：使用全屏
}).然后（函数（）{
$scope.status=“ddd”；
}，函数（）{
$scope.status=“tttttt”；
});
};
函数DialogController（$scope，$mdDialog）{
$scope.hide=函数（）{
$mdDialog.hide（）；
};
$scope.cancel=函数（）{
$mdDialog.cancel（）；
};
$scope.answer=函数（answer）{
$mdDialog.hide（答案）；
};
}

Stop.html

<md-dialog>
<md-content>
<div>
    <form>
       <div><label>Name:</label></div>
        <input type="text" placeholder="name" />
        <div><label>B:</label></div>
        <textarea type="text" placeholder="blog"></textarea>
        <div>
            <input type="submit" value="Send">
            <input type="reset" value="Reset">
            <button>Cancel</button>
        </div>

    </form>
</div>
</md-content>
</md-dialog>

姓名：
B:
取消

index.html（这是我单击按钮显示对话框的地方）：

中止

---

如何修复此问题？

您是否尝试检查DOM树并查看对话框是否出现在那里？如果是的话，那么可能css有问题。如果您为Plunker提供了所有必要的代码，那么帮助您会更容易。@PrinceJohn我的代码不使用任何CSS。因此，目前CSS没有问题。我只想让对话出现，稍后我会考虑cssOkay，然后我的一个问题仍然存在。另外，如果你给我们提供一个Plunker，帮助你会更容易。你有没有试着检查DOM树，看看对话框是否出现在那里？如果是的话，那么可能css有问题。如果您为Plunker提供了所有必要的代码，那么帮助您会更容易。@PrinceJohn我的代码不使用任何CSS。因此，目前CSS没有问题。我只想让对话出现，稍后我会考虑cssOkay，然后我的一个问题仍然存在。另外，如果你给我们提供一个打劫器，帮助你会更容易。

<md-dialog>
<md-content>
<div>
    <form>
       <div><label>Name:</label></div>
        <input type="text" placeholder="name" />
        <div><label>B:</label></div>
        <textarea type="text" placeholder="blog"></textarea>
        <div>
            <input type="submit" value="Send">
            <input type="reset" value="Reset">
            <button>Cancel</button>
        </div>

    </form>
</div>
</md-content>
</md-dialog>

<div>
 <md-button  ng-click="showAbortSessionForm($event)">
Abort
</md-button>
</div>