Javascript 为什么Angular.js中的弹出屏幕未打开？

我试图打开弹出式屏幕，但出现以下错误：

**

这里是Dialog.html

<div class="modal-header">
    <a class="close" data-dismiss="modal">×</a>
    <h1>Add Element</h1>
</div>
<div class="modal-body">
    <form >
        <label>Name:</label><input type="text" class="span3" ng-model="activeItem.name"></br>
        <label>Content Name:</label><input type="password" class="span3" ng-model="activeItem.content"></br>
        <button type="submit" class="btn btn-success" ng-click="addItem()">Add In List</button>
        <button type="reset" class="btn ">Clear</button>
    </form>
</div>
<div class="modal-footer">
    <a class="btn" data-dismiss="modal" aria-hidden="true">close</a>
</div>

×
添加元素
姓名：

内容名称：

外接程序列表
清楚的
关闭

我不知道为什么会出现这个错误。我对这个错误感到非常沮丧？

请看这里：并将下面的代码添加到你的app.js

var ModalInstanceCtrl = function($scope, $modalInstance) {

    $scope.ok = function() {
    $modalInstance.close($scope.selected.item);
  };

  $scope.cancel = function() {
    $modalInstance.dismiss('cancel');
  };
};

---

在0.6.0中添加$modal时遇到问题

<script src="ui-bootstrap-tpls-0.2.0.js"></script>

---

请使用最新版本

您能设置plunker吗我从不使用plunker，，您能使用复制粘贴我的代码吗

<div class="modal-header">
    <a class="close" data-dismiss="modal">×</a>
    <h1>Add Element</h1>
</div>
<div class="modal-body">
    <form >
        <label>Name:</label><input type="text" class="span3" ng-model="activeItem.name"></br>
        <label>Content Name:</label><input type="password" class="span3" ng-model="activeItem.content"></br>
        <button type="submit" class="btn btn-success" ng-click="addItem()">Add In List</button>
        <button type="reset" class="btn ">Clear</button>
    </form>
</div>
<div class="modal-footer">
    <a class="btn" data-dismiss="modal" aria-hidden="true">close</a>
</div>

var ModalInstanceCtrl = function($scope, $modalInstance) {

    $scope.ok = function() {
    $modalInstance.close($scope.selected.item);
  };

  $scope.cancel = function() {
    $modalInstance.dismiss('cancel');
  };
};

<script src="ui-bootstrap-tpls-0.2.0.js"></script>