Javascript 将数据无角度传递给modal_Javascript_Angularjs_Modal Dialog_Angularjs Directive

Javascript 将数据无角度传递给modal

javascript angularjs

Javascript 将数据无角度传递给modal,javascript,angularjs,modal-dialog,angularjs-directive,Javascript,Angularjs,Modal Dialog,Angularjs Directive,我正在构建一个angular应用程序，并试图将数据从控制器传递到一个modal 在我的索引页上，我有以下HTML： <!DOCTYPE html> <html lang="en" ng-app="myApp"> <head> ... </head> <body ng-controller="myCtrl"> <a href="" data-toggle="modal" data-target="#myModal" ng-clic

我正在构建一个angular应用程序，并试图将数据从控制器传递到一个modal

在我的索引页上，我有以下HTML：

<!DOCTYPE html>
<html lang="en" ng-app="myApp">
<head>
...
</head>
<body ng-controller="myCtrl">

<a href="" data-toggle="modal" data-target="#myModal" ng-click="callModal({{mydata.test}})">
click here
</a>

</body>
</html>

我的指示是：

myApp.directive('myModal', ['$rootScope', '$log', '$http', function ($rootScope, $log, $http) {
  return {
    restrict: 'E',

    templateUrl: 'modal-tpl',

    replace: true,

    transclude: true,

    link: function (scope) {

    }
  };
}]);

以下是我的模式的模板：

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="ModalLabel" aria-hidden="true">
  <div class="modal-content ease">
    <section>
      {{test}}
    </section>
  </div>
  <div class="modal-overlay ease" data-dismiss="modal"></div>
</div>


{{test}}

如何将mydata.test的值传递给modal？我见过使用angularUI的解决方案，我知道它们可以工作，但我不想将它们的模板用于模式。有人有其他解决办法吗？非常感谢

angularJs具有与指令隔离的范围

希望它能帮助你

只是一个小评论：使用角度指令时，使用角度模型的双花括号是额外的。因此，与其写： ng click=“callModal（{mydata.test}}）使用： ng click=“callModal（mydata.test）

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="ModalLabel" aria-hidden="true">
  <div class="modal-content ease">
    <section>
      {{test}}
    </section>
  </div>
  <div class="modal-overlay ease" data-dismiss="modal"></div>
</div>