angularjs ng-click

在angularjs的controller中一段代码,展示如下:

var sortList = new SortList();

sortList.setSorts([$scope.year_invest_sort]);

$scope.sorts = sortList.getSorts();

$scope.bySort = function(sortListItem){

if(sortListItem.sort == ‘0‘){

sortList.setSorts([$scope.year_invest_sort_rise]);

}else if(sortListItem.sort == ‘1‘){

sortList.setSorts([$scope.year_invest_sort_drop]);

}else if(sortListItem.sort == ‘2‘){

sortList.setSorts([$scope.year_invest_sort]);

}

}

$scope.sorts = sortList.getSorts();

html页面div中有个ng-click="bySrot(1)",点击之后sortList是什么?

这样写的话sortList仍然是$scope.year_invest_sort,没有达到想要的结果$scope.year_invest_sort_drop,因为最后一行代码$scope.sorts = sortList.getSorts()

没有执行,应该写到方法里面才能执行得到想要的结果。看似简单,也容易忽视。略记录下。

时间: 2024-10-13 20:11:32

angularjs ng-click的相关文章

Part 15 AngularJS ng init directive

The ng-init directive allows you to evaluate an expression in the current scope. In the following example, the ng-init directive initializes employees variable which is then used in the ng-repeat directive to loop thru each employee. In a real world

Part 6 AngularJS ng repeat directive

ng-repeat is similar to foreach loop in C#. Let us understand this with an example. Here is what we want to do. 1. For each employee we have in the employees array we want a table row. With in each cell of the table row we to display employee Firstna

angularjs 的笔记

angular.copy()深拷贝 angular提供了一个可以复制对象的api--copy(source,destination),它会对source对象执行深拷贝. 使用时需要注意下面几点: 如果只有一个参数(没有指定拷贝的对象),则返回一个拷贝对象 如果指定了destination,则会深拷贝对象复制给destination 如果source是null或者undefined,那么会直接返回source 如果source就是desitination,那么会报错. angular.equals

angularJS之$apply()方法

这几天,根据buddy指定的任务,要分享一点angular JS的东西.对于一个在前端属于纯新手的我来说,Javascript都还是一知半解,要想直接上手angular JS,遇到的阻力还真是不少.不过我相信,只要下功夫,即使是反人类的设计也不是什么大的问题.     Okay,废话不多说.为了弄明白angular JS为何物,我先是从Scope开始.那么什么是Scope呢?借用官方文档的一段话: "scope is an object that refers to the applicatio

AngularJS 讲解,一 数据绑定

AngularJS 完全使用javascript 编写的客户端技术.通过原生的Model-View-Controller(MVC,模型?视图?控制器)功能增强了HTML.这个选择可以快捷和愉悦地构建出令人印象深刻并且极富表现力的客户端应用. AngularJS的源码托管在GitHub上,可以免费获取. 数据模型对象(model object)是指$scope对象. 数据绑定: 例子:时钟的实现 1 <!DOCTYPE html> 2 <html ng-app="myApp&qu

table sorting&ndash;angularjs

1: <script type="text/javascript" ng:autobind 2: src="http://code.angularjs.org/0.10.5/angular-0.10.5.js"></script> 3:   4: <table ng:controller="SortableTableCtrl"> 5: <thead> 6: <tr> 7: <th

angularJS中$apply()方法详解

这篇文章主要介绍了angularJS中$apply()方法详解,需要的朋友可以参考下 对于一个在前端属于纯新手的我来说,Javascript都还是一知半解,要想直接上手angular JS,遇到的阻力还真是不少.不过我相信,只要下功夫,即使是反人类的设计也不是什么大的问题. Okay,废话不多说.为了弄明白angular JS为何物,我先是从Scope开始.那么什么是Scope呢?借用官方文档的一段话: 代码如下: "scope is an object that refers to the a

[译]用AngularJS构建大型ASP.NET单页应用(三)

原文地址:http://www.codeproject.com/Articles/808213/Developing-a-Large-Scale-Application-with-a-Single AngularUI 下面的示例中使用了AngularUI的各种UI组件.AngularUI 是AngularJS 框架的一个辅助套件.示例中使用的主要组件大部分来在AngularUI 的一个子集UI Bootstrap.UI Bootstrap是从Twitter Bootstrap派生出来的,它使用A

[AngularJS] AngularJS系列(1) 基础篇

目录 什么是AngularJS? 为什么使用/ng特性 Hello World 内置指令 内置过滤器 模块化开发 一年前开始使用AngularJS(以后简称ng),如今ng已经出2了.虽说2已完全变样,但是1.x还是足够优秀. 什么是AngularJS? ng是一个js框架,目前最新版本为1.5.8. 官网:https://angularjs.org/ 下载: Install-Package AngularJS.Core npm install [email protected] 为什么使用/n

AngularJS快速入门指南11:事件

AngularJS拥有自己的HTML事件指令. ng-click指令 ng-click指令定义了AngularJS的click事件. <div ng-app="" ng-controller="myCtrl"> <button ng-click="count = count + 1">Click me!</button> <p>{{ count }}</p> </div> 运