javascript - 尝试使用 ui Angular 创建模态模板

标签 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=Error%3A%2ogleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.5.7%2Fangular.min.js%3A20%3A359 错误。我的模态框不工作。

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

最佳答案

#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>`

关于javascript - 尝试使用 ui Angular 创建模态模板,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37972289/

相关文章:

javascript - 从 ng-resource head 请求访问响应头

javascript - $uibModal - 忽略调用失败

javascript - 如何使用 angularjs 变量在jsp页面中动态更改脚本标签的路径? (可能重复)

JavaScript - 使用数组索引转换为字符串

javascript - 在 VUE js 中获取数组中数据的索引

javascript - AngularJS 中 Controller 的作用是什么以及 $scope 的作用是什么?

javascript - 更新嵌套 $scope 数组时,Angular.js View 不会更新

angularjs - 可点击面板内的可点击按钮

angular - 验证错误 : Progress Plugin Invalid Options

php - 在文本区域中输入 MS-Word 方程