AngularJS-使用指令生成标记时,无法通过ng-click执行方法

吉列尔莫

我创建了我的分页器指令:

myApp.directive("paginator", function($timeout) {
  return {
  restrict: "E",
  link: function (scope, element, attr) {

    var totalProducts = scope.productsConfig.total,
        MAX_PER_PAGE = +(scope.productsConfig.limit),
        pagesQty = Math.ceil(totalProducts/MAX_PER_PAGE),
        markup = "";

    //Add initial markup ul open tag
    markup += "<ul class='ch-pagination'>";

    //Add the previous button if needed
    if(scope.lastStatus.p > 1) {
        //Then add the previous button
        var previousPage = +(scope.lastStatus.p) - 1;

        markup += "<li><a ng-click='goToPage(" + previousPage + ")'>Previous</a></li>";
    }

    //Add the elements
    for (var i = 1; i <= pagesQty; i++) {

        if(scope.lastStatus.p == i){
            var activeClass = "class='ch-pagination-current'";
        } else {
            activeClass = "";
        }

        markup += "<li " + activeClass + "><a ng-click='goToPage(" + i + ")'>" + i + "</a></li>"
    }

    //Add the next element if any
    if(scope.lastStatus.p < pagesQty) {
        //Then add the previous button
        var nextPage = +(scope.lastStatus.p) + 1;

        markup += "<li><a ng-click='goToPage(" + nextPage + ")'>Next</a></li>";
    }

    //Close the paginator
    markup += "</ul>";

    //Inject the code into the wrapper
    $(".inventory-paginator").html(markup);

}

}});

我的方法被注入的行(以及其他):

markup += "<li " + activeClass + "><a ng-click='goToPage(" + i + ")'>" + i + "</a></li>"

然后,在单击生成的标记时调用我的方法goToPage。使用分页器时,尝试单击某个页面按钮时,什么也不会发生,即使生成的标记为:ng-click也不会执行goToPage方法。

 "ng-click='goToPage(2)'"

主控制器内部的方法:

$scope.goToPage = function (intPage) {
    var requestUrl = $scope.buildSearchRequestUrl(intPage);
    console.log("goToPage requestUrl: " + requestUrl);

    //Request the data, on success show the table again
    $http.get(requestUrl)
    .success(function (data) {
        $scope.inventoryData = data;
    }).error(function (data) {
        if(window.console){
            console.log("The article couldnt be paused");
        }
    });
}

我猜测我缺少一些链接,但无法弄清位置或原因。

非常感谢

吉列尔莫

罗兰

您是否尝试过编译?每当您要从HTML调用指令时,都应编译该指令。

参见http://docs.angularjs.org/guide/directive

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

AngularJs-无法通过使用ng-click的ng-repeat生成对象

来自分类Dev

AngularJs:ng-click无法与dropable指令一起使用

来自分类Dev

使用子指令处理angularjs ng-click

来自分类Dev

AngularJS ng-click事件未从表中的定位标记执行

来自分类Dev

装饰AngularJs中的ng-click指令

来自分类Dev

AngularJS ng-show无法使用ng-click吗?

来自分类Dev

AngularJS ng-show无法使用ng-click吗?

来自分类Dev

AngularJS:如何将指令的方法暴露给ng-click等嵌套指令?

来自分类Dev

AngularJS:如何将指令的方法暴露给ng-click等嵌套指令?

来自分类Dev

AngularJS:使用指令的最佳方法

来自分类Dev

AngularJS:使用指令的最佳方法

来自分类Dev

AngularJS-无法在指令中使用工厂方法

来自分类Dev

AngularJS ng-click()未从ng-repeat指令触发

来自分类Dev

AngularJS:ng-click没有方法'$ apply'

来自分类Dev

用ng-click Angularjs调用多个方法

来自分类Dev

AngularJS-在指令上禁用ng的执行顺序

来自分类Dev

AngularJS指令:模糊后不触发ng-click

来自分类Dev

AngularJs:将参数传递给ng-click in指令

来自分类Dev

AngularJS ng-click内部指令。ControllerAs连接问题

来自分类Dev

在指令中,ng-click会多次触发angularjs

来自分类Dev

AngularJS : ng-click not working

来自分类Dev

AngularJS:通过ng-click传递绑定范围值的最佳方法是什么?

来自分类Dev

AngularJS自定义指令ng-repeat,无法调用null的方法“ insertBefore”

来自分类Dev

无法使用AngularJS的ng-class指令拉出CSS类

来自分类Dev

AngularJS ng-click在<li>标记中不起作用

来自分类Dev

在不带作用域功能的AngularJS标记中使用ng-click克隆DOM元素

来自分类Dev

AngularJS:在<li> </ li>上使用ng-repeat并通过不同的函数调用ng-click?

来自分类Dev

AngularJS在div内使用click

来自分类Dev

AngularJs使用click删除类

Related 相关文章

  1. 1

    AngularJs-无法通过使用ng-click的ng-repeat生成对象

  2. 2

    AngularJs:ng-click无法与dropable指令一起使用

  3. 3

    使用子指令处理angularjs ng-click

  4. 4

    AngularJS ng-click事件未从表中的定位标记执行

  5. 5

    装饰AngularJs中的ng-click指令

  6. 6

    AngularJS ng-show无法使用ng-click吗?

  7. 7

    AngularJS ng-show无法使用ng-click吗?

  8. 8

    AngularJS:如何将指令的方法暴露给ng-click等嵌套指令?

  9. 9

    AngularJS:如何将指令的方法暴露给ng-click等嵌套指令?

  10. 10

    AngularJS:使用指令的最佳方法

  11. 11

    AngularJS:使用指令的最佳方法

  12. 12

    AngularJS-无法在指令中使用工厂方法

  13. 13

    AngularJS ng-click()未从ng-repeat指令触发

  14. 14

    AngularJS:ng-click没有方法'$ apply'

  15. 15

    用ng-click Angularjs调用多个方法

  16. 16

    AngularJS-在指令上禁用ng的执行顺序

  17. 17

    AngularJS指令:模糊后不触发ng-click

  18. 18

    AngularJs:将参数传递给ng-click in指令

  19. 19

    AngularJS ng-click内部指令。ControllerAs连接问题

  20. 20

    在指令中,ng-click会多次触发angularjs

  21. 21

    AngularJS : ng-click not working

  22. 22

    AngularJS:通过ng-click传递绑定范围值的最佳方法是什么?

  23. 23

    AngularJS自定义指令ng-repeat,无法调用null的方法“ insertBefore”

  24. 24

    无法使用AngularJS的ng-class指令拉出CSS类

  25. 25

    AngularJS ng-click在<li>标记中不起作用

  26. 26

    在不带作用域功能的AngularJS标记中使用ng-click克隆DOM元素

  27. 27

    AngularJS:在<li> </ li>上使用ng-repeat并通过不同的函数调用ng-click?

  28. 28

    AngularJS在div内使用click

  29. 29

    AngularJs使用click删除类

热门标签

归档