如何在角度指令中加載作爲模態的動作

Question

如何在指令中加載ActionResult？ 我是新的角度和得到這個不好的挑戰，我不知道如何shuld我這樣做。 有沒有簡單的方法來使用角度模式和加載MVC動作？！

<modal title="Modal" visible="showModal"> 
    <form role="form"> 
     <div class="form-group"> 
      <label for="email">email</label> 
      <input type="email" class="form-control" id="email" placeholder="Enter email" /> 
     </div> 
     <div class="form-group"> 
      <label for="password">password</label> 
      <input type="password" class="form-control" id="password" placeholder="Password" /> 
     </div> 
     <button type="submit" class="btn btn-default">submit</button> 
    </form> 
</modal> 


ngApp.directive('modal', function() { 
debugger; 
return { 
    template: '<div class="modal fade">' + 
     '<div class="modal-dialog">' + 
      '<div class="modal-content">' + 
      '<div class="modal-header">' + 
       '<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>' + 
      '<h4 class="modal-title">{{ title }}</h4>' + 
      '</div>' + 
      '<div class="modal-body" ng-transclude></div>' + 
     '</div>' + 
     '</div>' + 
    '</div>', 
    restrict: 'E', 
    transclude: true, 
    replace: true, 
    scope: true, 
    link: function postLink(scope, element, attrs) { 
     scope.title = attrs.title; 

     scope.$watch(attrs.visible, function (value) { 
      if (value == true) 
       $(element).modal('show'); 
      else 
       $(element).modal('hide'); 
     }); 

     $(element).on('shown.bs.modal', function() { 
      scope.$apply(function() { 
       scope.$parent[attrs.visible] = true; 
      }); 
     }); 
     $(element).on('hidden.bs.modal', function() { 
      scope.$apply(function() { 
       scope.$parent[attrs.visible] = false; 
      }); 
     }); 
    } 
}; 

}）;

Answer 1

在您的指令的鏈接函數中，對獲取ActionResult進行HTTP調用。然後將使用element.html(HTML content)