Anzeigen des Modales aus dem Controller-Winkel js

Question

Ich bin neu in eckigen js und versuche, ein einfaches Modal mit eckigen js zu erstellen. Im Folgenden ist mein Code für die modale

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

und der oben modal auf durch folgenden Knopf

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

und mein Controller aufgerufen wird, wird wie folgt

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

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

Wie soll ich schreiben meine create-Funktion, um das Modal anzuzeigen. Ich habe viele Tutorials gesehen, konnte aber keinen Weg finden, das zu funktionieren.

Vielen Dank.

Answer 1

Überprüfen Sie Angular UI Bootstrap. Es hat eine ausgezeichnete modale Unterstützung und ein Beispiel, um Ihnen zu helfen.

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

Answer 2

Schritt 1: Direkt offene modal nicht mit der Steuerung zusammenwirken.

<button class="btn btn-info btn-sm" data-toggle="modal" data-target="#sampleModal">Create 
    </button> 

Schritt 2: Interagieren Sie mit dem Controller.

N.B: Modal sollte bootstrap sein. und Jquery muss im Projekt geladen werden.