在第二次点击(不是第一次点击)上进行Ng点击触发操作

Redrom

我在模板中有以下代码:

  <a href=""  ng-ctrl="ThemesCtrl" ng-click="checkThemeContent({{theme}})" ng-repeat="theme in themes" ng-hide="theme[filterProp] !== filterValue" class="list-group-item">
                    <b>{{theme.name}}</b>
                    <span class="themesListIcons">
                        <i class="fa fa-check-square-o"></i> {{theme.avg_score}}
                        <i class="fa fa-comment-o"></i> {{theme.count_of_cards}}
                    </span>
                </a>

正在调用以下方法:

$scope.checkThemeContent = function(theme) {
        console.log("Trying to get cards for theme id: " +theme.id);
        console.log(theme);

        $scope.selectedTheme = theme;
        if(theme.count_of_cards >0) {
                $rootScope.$emit('detailDisplayed', {});
                $scope.displayedTemplate = 'detail';
        } else {
            $scope.displayedTemplate = 'empty';
        }
    };

问题是单击是执行方法中的代码后,$ scope.displayedTemplate的作用域已更改,但模板未显示,第二次单击后一切正常。

我不知道什么会导致这种行为。

有人可以告诉我我在做什么错吗?

这是div,其中包含基于displayTemplate范围的视图:

 <div class="col-md-8" ng-controller="CardsCtrl">
                <!-- ADD TEMPLATE -->
                <div ng-if="displayedTemplate == 'add'" class="header" ng-include src="'/views/themes/add_theme.html'">
                </div>
                <!-- EDIT TEMPLATE -->
                <div ng-if="displayedTemplate == 'edit'" class="header" ng-include src="'/views/themes/edit_theme.html'">
                </div>
                <!-- THEME DETAIL TEMPLATE -->
                <div ng-if="displayedTemplate == 'detail'" class="header"  ng-include src="'/views/themes/detail_theme.html'">
                </div>
                <!-- DEFAULT TEMPLATE -->
                <div ng-if="displayedTemplate == 'default'" class="header"  ng-include src="'/views/themes/default_theme.html'">
                </div>
                <!-- NO CARD TEMPLATE -->
                <div ng-if="displayedTemplate == 'empty'" class="header"  ng-include src="'/views/themes/empty_theme.html'">
                </div>
        </div>

许多建议

423

我认为问题在于如何将参数传递给函数。简单地通过它ng-click="checkThemeContent(theme);"

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

NG表更改页面在第二次点击(不是第一次点击)上的操作

来自分类Dev

NG表更改页面在第二次点击(不是第一次点击)上的操作

来自分类Dev

平板电脑在第一次点击时悬停,在第二次点击时点击

来自分类Dev

搜索结果在第二次点击时显示,而不是第一次反应 js

来自分类Dev

jQuery不会在第一次点击时触发,而是在第二次点击时触发

来自分类Dev

第一次点击和第二次点击之间有不同的动作?

来自分类Dev

第一次点击添加类,第二次点击按钮向下滚动

来自分类Dev

“OnClick”功能在第一次点击时没有运行,需要第二次点击

来自分类Dev

React onClick不会在第一次点击时触发,第二次点击的行为符合预期(简单的调试消息直到第二次点击才会出现)

来自分类Dev

点击事件:如何为第一次点击设置事件,为第二次点击设置另一个事件

来自分类Dev

单选按钮保存第一次点击的值,不更改为第二次/最后一次点击的值

来自分类Dev

ng-click 不会在第一次点击时激活滚动到指令,而是第二次?

来自分类Dev

onClick方法适用于第二次点击。但它应该在第一次点击时起作用

来自分类Dev

swt-获取双击事件在第一次点击和第二次点击之间的最长时间

来自分类Dev

第一次点击时设置Android设置按钮的颜色,第二次点击时取消设置

来自分类Dev

链接仅在第一次点击时起作用,而从第二次点击起将不会重定向到href中指定的页面

来自分类Dev

RecyclerView item onClickListener 在第一次点击时不起作用,但在第二次点击时起作用

来自分类Dev

如何让图像向下箭头在第二次点击后向下滚动到页面末尾。第一次点击没问题

来自分类Dev

第一次点击动画效果很好,第二次它跳过了一些步骤

来自分类Dev

在第一次和第二次点击时显示从 php 检索到的第三个节目答案的提示

来自分类Dev

我希望代码在第一次点击时说出第一个词,在第二次点击时说出第二个词

来自分类Dev

动画在第二次点击时触发

来自分类Dev

.on更改功能是第一次而不是第二次起作用?

来自分类Dev

查询正在第二次尝试但不是第一次尝试

来自分类Dev

视图第一次旋转,但不是第二次

来自分类Dev

.NET第一次成功后进行第二次Ajax调用

来自分类Dev

TextView 不触发第一次点击

来自分类Dev

图像掉落不是第一次发生,而是使用Jquery第二次发生

来自分类Dev

我的对话框是第一次打开,但不是第二次打开?

Related 相关文章

  1. 1

    NG表更改页面在第二次点击(不是第一次点击)上的操作

  2. 2

    NG表更改页面在第二次点击(不是第一次点击)上的操作

  3. 3

    平板电脑在第一次点击时悬停,在第二次点击时点击

  4. 4

    搜索结果在第二次点击时显示,而不是第一次反应 js

  5. 5

    jQuery不会在第一次点击时触发,而是在第二次点击时触发

  6. 6

    第一次点击和第二次点击之间有不同的动作?

  7. 7

    第一次点击添加类,第二次点击按钮向下滚动

  8. 8

    “OnClick”功能在第一次点击时没有运行,需要第二次点击

  9. 9

    React onClick不会在第一次点击时触发,第二次点击的行为符合预期(简单的调试消息直到第二次点击才会出现)

  10. 10

    点击事件:如何为第一次点击设置事件,为第二次点击设置另一个事件

  11. 11

    单选按钮保存第一次点击的值,不更改为第二次/最后一次点击的值

  12. 12

    ng-click 不会在第一次点击时激活滚动到指令,而是第二次?

  13. 13

    onClick方法适用于第二次点击。但它应该在第一次点击时起作用

  14. 14

    swt-获取双击事件在第一次点击和第二次点击之间的最长时间

  15. 15

    第一次点击时设置Android设置按钮的颜色,第二次点击时取消设置

  16. 16

    链接仅在第一次点击时起作用,而从第二次点击起将不会重定向到href中指定的页面

  17. 17

    RecyclerView item onClickListener 在第一次点击时不起作用,但在第二次点击时起作用

  18. 18

    如何让图像向下箭头在第二次点击后向下滚动到页面末尾。第一次点击没问题

  19. 19

    第一次点击动画效果很好,第二次它跳过了一些步骤

  20. 20

    在第一次和第二次点击时显示从 php 检索到的第三个节目答案的提示

  21. 21

    我希望代码在第一次点击时说出第一个词,在第二次点击时说出第二个词

  22. 22

    动画在第二次点击时触发

  23. 23

    .on更改功能是第一次而不是第二次起作用?

  24. 24

    查询正在第二次尝试但不是第一次尝试

  25. 25

    视图第一次旋转,但不是第二次

  26. 26

    .NET第一次成功后进行第二次Ajax调用

  27. 27

    TextView 不触发第一次点击

  28. 28

    图像掉落不是第一次发生,而是使用Jquery第二次发生

  29. 29

    我的对话框是第一次打开,但不是第二次打开?

热门标签

归档