尝试使用ui Angular为Modal创建模板

时间:2016-06-22 15:23:30

标签: javascript angularjs angular-ui-bootstrap

I am trying to create one template for Modal Window so I can reuse it.

http://plnkr.co/edit/W8UefqlNGqTWhBOXymWT?p=preview 这是我的代码。

我不知道,但我得到http://errors.angularjs.org/1.5.7/ $ injector / modulerr?p0 = myApp& p1 =错误%3A%2ogleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.5.7%2Fangular。 min.js%3A20%3A359  错误。而我的模态不起作用。

单击按钮,我想显示模态窗口。

1 个答案:

答案 0 :(得分:2)

#use $scope
`app.controller('YourController', ['$scope', '$modal', function($modal,$scope) {
  $scope.openModal = function () {
    $modal.open({
      templateUrl: 'yourTemplate.html',
      controller: ModalController
    });
  };
}]);
<button data-ng-click="openModal()" role="button" class="btn primary" data-toggle="modal">Open me</button>`