Question

作为标题，我定义了一个指令并在ionicModal的模板中使用它，但它不起作用，控制台日志'111'不打印。求助！这是代码：

directive.js

.directive 'size_item', () ->
  restrict: 'AE'
  link: (scope, elem, attr) ->
    console.log 111
    $(elem).parents().find("div:first").addClass('active')

../ TPLS /模态/ add_cart.html

<div class="size_item list_item" size_item>S</div>

controller.js

.controller 'ProductDetailCtrl', ['$ionicModal', '$scope', '$http',
  '$stateParams', ($ionicModal, $scope, $http, $stateParams) ->
  $scope.showCart = () ->
    $ionicModal.fromTemplateUrl '../tpls/modal/add_cart.html',
      scope:$scope,
      animation: 'animated bounceInUp'

Answer 1

最后，我发现错误来自指令的名称，在我的代码中，我将其命名为size_item，它不合法，不允许下划线！

Ionic：指令在ionicModal中不起作用

1 个答案: