zoukankan      html  css  js  c++  java
  • 初学angular项目中遇到的一些问题

    1、当angular渲染完成后操作DOM树方法

    //当数据渲染完毕

            ngApp.directive('repeatFinish', function () {
                return {
                    link: function (scope, element, attr) {
                        if (scope.$last == true) {
                            console.log('ng-repeat执行完毕')
                           
                            //初始左菜单
                            $(".first-nav").eq([idxData.idx_mod1]).find("span").addClass('open')
                            $(".first-nav").eq([idxData.idx_mod1]).parent("li").addClass('open')
                            $(".first-nav").eq([idxData.idx_mod1]).next("ul").css("display", "block")

                            scope.$eval(attr.repeatFinish)
                            
                        }
                    }
                }
            })
    //当angular数据加载完成之后操作dom元素
                $scope.renderFinish = function () {

                     console.log('渲染完之后的操作,操作jquery')
                   }

    在循环标签上添加

     <ul style="" class="second-list" >
            <li class="second-item" repeat-finish="renderFinish()"  ng-repeat="sub in super.children" > </li>
       </ul>

    2、angular循环套循环方法

     <ul id="sys-sidebar-menu" class="page-sidebar-menu" data-keep-expanded="false" data-auto-scroll="true" data-slide-speed="200">
                                <li ng-repeat="item in modules" >
                                    <a class="first-nav" href="javascript:;" >
                                        <span class="icon-arrow" ></span>
                                        <span class="title">{{::item.name}}</span>
                                    </a>
                                    <ul style="font-size:14px;color:#333" class="second-bar" >
                                        <li role="presentation" ng-repeat="items in item.children track by $index" >
                                        </li>
                                    </ul>
                                </li>
                            </ul>

  • 相关阅读:
    转载个人认为原创很不错的分析 :ISCSI网络存储
    使用centos-vault作为停止支持的CentOS的yum源
    AngularJS 第四课(选择框,HTML DOM,HTML 事件)
    AngularJS第三课(控制器(续),过滤器,服务)
    AngularJS第二课(指令,作用域,控制器)
    Angular.js学习笔记——第一课 简介
    简单的响应式表格布局
    在windows sever2012安装web服务器时出现“无法打开运行空间池。服务器管理器 WinRM 插件可能已损坏或丢失”
    HTML5中的全局属性
    href="#"和href="javascript:void(0)"的区别
  • 原文地址:https://www.cnblogs.com/zhouxiaobai/p/9298940.html
Copyright © 2011-2022 走看看