javascript - 从 Controller Angular js显示模态

Question

我是 Angular JS 的新手，正在尝试使用 Angular JS 创建一个简单的模式。以下是我的模式代码

<div id="sampleModal" class="modal fade" tabindex="-1" role="dialog">
  <div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal">&times;</button>
            <h4 class="modal-title">Sample Modal</h4>
        </div>
        <div class="modal-body">
            <div class="form-group">
              <h5>Name</h5>
              <input type="text" class="form-control" id="name" placeholder="Enter a name">
            </div>
            <div class="form-group">
              <div style="text-align:center;">
                <button type="submit" class="btn btn-primary btn-sm">Submit</button>
                <button type="button" class="btn btn-default btn-sm" data-dismiss="modal">Cancel</button> 
              </div>
            </div>    
        </div>
    </div>
  </div>
</div>

单击以下按钮时将调用上述模式

<button class="btn btn-primary" type="button" id="modal" ng-click="create()">Create</button>

我的 Controller 如下

var App = angular.module('myApp', []);
App.controller('homeCtrl', ['$scope',function($scope,) {
        $scope.create = function() {

         //code to show the modal
    }
    }]);

我应该如何编写我的创建函数才能显示模式。我看过很多教程，但找不到实现该功能的方法。

谢谢。

Answer 1

查看 Angular UI Bootstrap。它具有出色的模式支持和示例来帮助您。

https://angular-ui.github.io/bootstrap/#/modal