Angularjs 为什么未定义的函数不是具有关闭引导模式的角度指令的函数

作为Angularjs的新手，我从这里复制了一个指令：，以便能够从控制器关闭引导模式，在我的实现中，我得到一个未定义的不是函数错误

这是html

<div ng:app="app">
 <div>
  <ul><li><a href='#' data-toggle="modal" data-target="#loginModal">Login</a></li></ul>

  <div id='loginModal' class='modal fade' myModal ng-controller="LoginDialogController" tabindex="-2" role="dialog" aria-labelledby="loginModal" aria-hidden="true">
   <div class="modal-dialog">
    <div class="modal-content">        
     <div class="modal-header">
       <button type="button" class="close" data-dismiss="modal" ng-click="cancel()">x</button>
       <h3>Login MyApp</h3>
     </div>
     <div class="modal-body">
       <form name="login_form">
        <alert ng-repeat="alert in alerts" type="danger" close="closeAlert($index)">{{alert.msg}}</alert>
      <p><input type="text" class="span3" ng-model="login.user_email"  placeholder="Email" required></p>
      <p><input type="password" class="span3" ng-model='login.password' placeholder="Password" required></p>
      <p><button type="submit" class="btn btn-primary" ng-click="ok()">Sign in</button>
        <a href="#">Forgot Password?</a>
      </p>
       </form>
     </div>
     <div class="modal-footer">
       My.com?
       <a href="#" class="btn btn-primary">Register</a>
     </div>
    </div>
   </div>
  </div>         
 </div>
</div>

---

您创建了一个具有独立作用域：{}的指令，但试图传播其中的更改。这里还要注意指令命名的变化。谢谢。成功了。

angular.module("app", []).directive('myModal', function() {
 return {
  restrict: 'A',
  scope:{},
  link: function(scope, element, attr) {
    scope.dismiss = function() {
     element.modal('hide');
    };
  }
   } 
});

function LoginDialogController($scope){
 $scope.ok = function(){
  $scope.dismiss();
 };
}