1

我对 angularjs 完全陌生，我可能错过了很多概念。我正在尝试为我的应用程序创建一个模态指令，但有些东西让我感到困惑，那就是如何与该指令进行交互。

我正在使用 yeoman，它使用以下命令生成模态指令：

yo angular:directive modal --coffee

所以我在指令目录中有这段代码：

angular.module('myApp')
  .directive('modal', () ->
    templateUrl: 'views/partials/modal.html'
    restrict: 'E'
    link: (scope, element, attrs) ->
      console.log 'link --test'
  )

现在，在我的modal.html部分中，我插入了一个锚标记来处理点击并提醒我一些事情。

<div><a href="" ng-click="foo()">Click Me</a></div>

现在我把foo函数放在哪里？

我尝试过这样的事情，但没有运气

angular.module('myApp')
  .directive('modal', () ->
    templateUrl: 'views/partials/modal.html'
    restrict: 'E'
    link: (scope, element, attrs) ->
      console.log 'link --test'
    controller: ($scope) ->
       $scope.foo = () ->
         console.log 'clicked that anchor'
  )

另一个问题，我做得对吗，我的意思是创建模态指令是否正确？或指令以不同的方式使用？

4

1 回答 1

1

放置foo()在指令控制器中效果很好。你走在正确的轨道上。指令是在 Angular 中进行 DOM 操作的推荐位置——因此模式对话框是指令的一个很好的用例。

确保您的 html 初始化 Angular 并使用如下指令：

<div ng-app="myApp">
    <modal></modal>
</div>

这是一个使用您的代码加上上面的 html 的工作小提琴（为了简单起见，我直接使用了模板）。

于 2013-12-03T01:33:52.527 回答