`

angularjs的model与函数的另一种使用

 
阅读更多

用angularjs写了一个小的应用。原来是用native写的,但是界面不够好看,所以改用angularjs写。遇到了这样的情况,每次点击某个按钮的时候要把这个按钮记录下来,回头通过这个记录还能调用这个button的方法。用nativie做的时候是保存了一个list,然后遍历就好了。我是这样做的。

假如有个按钮是btn_a ,当点击它的时候出发btn_a_fun函数,那这就好操作了。

click_btn_list = [];
// 当A被点击的时候.
$scope.click_a_btn = function()
{
    click_btn_list.push('btn_a');
}

//当需要遍历list的时候,可以这样做:
$scope.each_btn = function()
{
    click_btn_list.pop(); //我的程序就是这样用的。
    var sub_click_btn_list = click_btn_list.slice();
    click_btn_list=[];
     for(var i = 0; size = sub_click_btn_list.length; i< size-1;i+=1)
     {
       $scope[sub_click_btn_list[i] + "_fun"]();
     }

}

 这样就可以使用了。这点类似于策略模式,而且平常我们用model的时候一般是

$scope.model_1 

还可以这样来操作。

$scope["model_1"]

 虽然用的时候差不多,但是我用到的情景就必须用第二种方式。可以说:随自己喜欢吧。

 

 

 

分享到:
评论

相关推荐

    angularJS技术

    依赖注入(DI, Dependency Injection)是AngularJS中的另一个关键特性。它允许组件声明其依赖,而无需关心如何创建或查找这些依赖。AngularJS自动管理这些依赖的生命周期和注入,降低了组件之间的耦合度,提高了代码的...

    AngularJS开发指南

    AngularJS的另一个特点是它提供的抽象层次更高,这简化了应用开发流程,但与此同时,也牺牲了一定程度的灵活性。AngularJS的设计主要针对CRUD应用,它非常适合构建标准的Web应用。然而,对于一些特殊的应用场景,如...

    angularjs资源

    在AngularJS中,指令(Directives)是一种用于扩展HTML功能的关键机制。通过自定义指令,开发者可以创建可复用的UI组件,如表单控件、动画效果等。例如,`ng-repeat`指令用于遍历数组并生成重复的DOM元素,`ng-model...

    AngularJS开发下一代WEB应用

    在AngularJS中,依赖注入(DI)是一个重要的概念,它是一种设计模式,允许我们通过构造函数或者工厂方法将依赖对象传递给使用它们的类。AngularJS通过它的内置服务$injector,能够自动注入$scope、$location、$...

    angularjs开发文档

    AngularJS 提供了一种称为依赖注入的机制,它使得各组件之间可以轻松地共享服务,而无需手动实例化或管理依赖关系。这降低了代码的耦合度,提高了可测试性。 **6. 表达式** AngularJS 的表达式(Expressions)允许...

    angularjs-master

    2. **指令系统**:AngularJS 提供了一种自定义HTML元素和属性的方式,称为指令。例如,`ng-repeat`用于循环遍历数据,`ng-if`用于条件渲染,`ng-model`用于绑定表单元素等。这些指令扩展了HTML的功能,增强了其表现...

    AngularJS实现Model缓存的方式

    另一种实现Model缓存的方法是在Provider中返回一个构造函数。构造函数可以初始化一个对象,并包含用于缓存的逻辑。例如,我们可以在构造函数中设置一个内部变量来存储数据,并提供公共方法来读取和更新这些数据。...

    AngularJS 0005:作用域

    总的来说,AngularJS的作用域是数据模型和视图之间的重要连接,它提供了一种高效的数据绑定机制和事件通信方式。理解和熟练运用作用域,是构建动态、响应式的AngularJS应用的基础。在实际开发中,合理规划和管理作用...

    AngularJS前沿新框架

    依赖注入(Dependency Injection,简称DI)是AngularJS中的另一个核心概念,它负责管理应用中的服务、控制器和其他组件。通过DI,开发者无需在代码中硬编码依赖,而是声明所需的服务,由AngularJS自动注入,降低了...

    javascript,angularjs

    - **Service的注入与使用**:在AngularJS中,可以通过在控制器或工厂的构造函数中列出所需Service的名称来注入Service。AngularJS会自动注入这些Service,无需手动创建实例。 以上是对AngularJS的一些关键技术和...

    新一代web开发angularjs(大漠穷秋)随书代码

    6. **依赖注入(Dependency Injection)**:AngularJS的另一个关键特性,它自动管理对象之间的依赖关系,减少代码间的耦合。开发者无需手动创建或查找依赖,而是通过函数参数声明依赖。 7. **路由(Routing)**:在...

    angularjs-chapter4-示例.rar

    5. **服务(Services)**:AngularJS的服务提供了一种在不同组件之间共享数据和功能的方式。常见的服务有$http用于发送HTTP请求,$scope用于管理作用域内的数据,以及$rootScope作为所有子作用域的父作用域。示例...

    AngularJS Handbook_ Easy Web App Development

    AngularJS是一种开源的JavaScript框架,由Google维护,主要用于简化动态网页应用的开发过程。它通过扩展HTML的语法来提供更加灵活的数据绑定机制和控制结构,使得开发者能够构建出既高效又易于维护的Web应用程序。 ...

    详解AngularJS验证、过滤器、指令

    过滤器是AngularJS中的另一种重要工具,它用于对数据进行转换和格式化,以便在视图中展示。过滤器通常在双大括号`{{ }}`内的表达式后面使用管道符`|`来调用,可以接受参数以进一步定制过滤效果。例如: ```html {{ ...

    ANGULARJS中使用JQUERY分页控件

    另一种方法是使用ANGULARJS中的watch函数来监视分页控件的数据变化,一旦发现变化,就重新加载数据并更新页面。这需要我们在指令内部封装好监听和更新机制,但这将是一种更符合ANGULARJS风格的解决方案。 总之,...

    angularjs Web页面框架 v16.2.9.zip

    4. **服务**:AngularJS的服务是一种可重用的组件,可以用于跨模块共享数据或实现特定功能,如$http服务用于与服务器进行HTTP通信,$timeout服务用于延迟执行函数。 5. **模块**:AngularJS应用通常由多个模块组成...

    AngularJS实现用户登录状态判断的方法(Model添加拦截过滤器,路由增加限制)

    AngularJS是一种流行的前端JavaScript框架,用于构建动态网页和单页应用程序。随着互联网应用的不断丰富和用户体验需求的提升,用户登录状态的判断成为了前端开发中常见的需求,以确保用户能安全地访问受保护的页面...

    EmployeeAppWithFunctionAngular:这是一个应用程序,用于演示使用带有函数的 angularJS 将员工数据渲染到网页中的不同方面

    《使用AngularJS与函数处理员工数据的Web应用详解》 在现代Web开发中,AngularJS作为一款强大的前端框架,被广泛应用于构建动态、交互式的Web应用程序。本项目"EmployeeAppWithFunctionAngular"就是一个实例,它...

    JavaScript_针对web应用的AngularJS HTML增强.zip

    JavaScript是一种广泛应用于Web开发的脚本语言,尤其在构建交互式和动态网页方面扮演着重要角色。它在浏览器端运行,使得开发者能够实时更新页面内容,实现用户与页面的即时互动。JavaScript的核心特性包括变量、...

    angularjs:AngularJS实战

    依赖注入(Dependency Injection,DI)是AngularJS另一个关键特性。它允许组件声明其依赖关系,而无需关心如何实例化这些依赖。AngularJS会自动管理这些依赖,使得代码更加模块化,易于测试。 **4. Directives** ...

Global site tag (gtag.js) - Google Analytics