`

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开发宝典视频教程 后盾网AngularJS培训视频教程 后盾网.txt

    ├最新AngularJS开发宝典—第070讲 spa项目的server层分析与使用factory创建服务.mp4 ├最新AngularJS开发宝典—第071讲 多个控制器共享服务server数据的处理实例.mp4 ├最新AngularJS开发宝典—第072讲 使用service...

    AngularJS中一般函数参数传递用法分析

    本文实例讲述了AngularJS中一般函数参数传递用法。分享给大家供大家参考,具体如下: 1. 模型参数 直接使用变量名,不要加引号 &lt;!doctype html&gt; &lt;html ng-app=passAter&gt; &lt;head&gt; &lt;meta charset=...

    AngularJS中控制器函数的定义与使用方法示例

    本文实例讲述了AngularJS中控制器函数的定义与使用方法。分享给大家供大家参考,具体如下: HTML正文: &lt;body ng-app="myApp" ng-controller="myCtrl"&gt; &lt;h2&gt;AngularJS函数绑定 &lt;textarea ng-model="message...

    AngularJS 示例

    AngularJS有着诸多特性,最为核心的是:MVW(Model-View-Whatever)、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。 AngularJS 是一个 JavaScript框架。它是一个以 JavaScript 编写的库。它可通过 ...

    AngularJS ng-model 指令

    ng-model 指令可以将输入域的值与 AngularJS 创建的变量绑定。 AngularJS 实例  名字: var app = angular.module(‘myApp’, []); app.controller(‘myCtrl’, function($scope) { $scope.name = “John Doe”...

    AngularJs 弹出模态框(model)

    scope:一个作用域为模态的内容使用(事实上,$modal会创建一个当前作用域的子作用域)默认为$rootScope controller:为$modal指定的控制器,初始化$scope,该控制器可用$modalInstance注入 resolve:定义一个成员...

    《AngularJS: Novice to Ninja》- 2017 英文原版

    Developed and maintained by Google, AngularJS brings the Model-View-Controller (MVC) pattern to JavaScript applications and provides a high quality foundation for building complex and powerful apps ...

    AngularJS实现Model缓存的方式

    在AngularJS中如何实现一个Model的缓存呢? 可以通过在Provider中返回一个构造函数,并在构造函数中设计一个缓存字段,在本篇末尾将引出这种做法。 一般来说,Model要赋值给Scope的某个变量。 有的直接把对象赋值给...

    通用ModelWindow函数

    动态加载html内容的模态窗口,兼容IE6 IE7 FF,应用时必须放在某个网站应用上,或直接在IIS或tomcat里运行

    Pro AngularJS

    AngularJS, which is maintained by Google, brings the power of the Model-View-Controller (MVC) pattern to the client, providing the foundation for complex and rich web apps. It allows you to build ...

    vue 入门,v-model数据绑定

    NULL 博文链接:https://fanshuyao.iteye.com/blog/2434373

    angular-model-factory, 在AngularJS中,Angular 模型工厂使用rest式 api !.zip

    angular-model-factory, 在AngularJS中,Angular 模型工厂使用rest式 api ! modelFactory 一个轻量级的模型层,可以跨越AngularJS和你的RESTful api之间的鸿沟。你为什么要在其他可用的解决方案上使用这个?轻量级/...

    动软生成Model有构造函数cmt(Model模板)

    动软生成Model有构造函数cmt,自己修改的。以前在网上搜索,没有找到,就自己修改了一个,供大家使用。

    填坑记录之Vue中v-model与:model区别

    结果发现在验证的过程中username规则的第一条正确了却一直通过不了。 通过控制台得知长度一直为1。原来是拿不到数据。 v-model通常用于input的双向数据绑定,它并不会向子组件传递数据。 :model是v-bind:model的...

    angularJS1.4.0版

    AngularJS 是一个 JavaScript 框架。它可通过 &lt;script&gt; 标签添加到 HTML 页面。 AngularJS 通过 指令 扩展了 HTML,且通过 表达式 绑定数据到 HTML。AngularJS 通过 ng-directives 扩展了 HTML。ng-app 指令定义一个...

    AngularJS手册

    AngularJS有着诸多特性,最为核心的是:MVC(Model–view–controller)、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。 AngularJS 是一个 JavaScript框架。它是一个以 JavaScript 编写的库。它可通过 ...

    AngularJS_V2.0思维导图

    AngularJS有着诸多特性,最为核心的是:MVW(Model-View-Whatever)、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。 AngularJS 是一个 JavaScript框架。它是一个以 JavaScript 编写的库。它可通过 ...

    [AngularJS] AngularJS 权威指南 (英文版)

    Build apps that react in real-time to changes in your data model ☆ 出版信息:☆ [作者信息] Alex Vanston [出版机构] Packt Publishing [出版日期] 2013年09月02日 [图书页数] 110页 [图书语言] 英语 ...

Global site tag (gtag.js) - Google Analytics