当前位置: 首页 > 软件库 > 程序开发 > >

ember-computed-sortby

授权协议 MIT License
开发语言 JavaScript
所属分类 程序开发
软件类型 开源软件
地区 不详
投 递 者 闾丘才哲
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

Ember-computed-sortby

Addon to make sorting a little easier for Ember.js when the sort order is immutable. This addon was originally a proof of concept for emberjs/rfcs#87. However that RFC was rejected, so this will continue to live on as an addon.

Documentation

A computed property which returns a new sorted array of content from thea dependent array. The sort order is defined by the second, and any subsequent,string arguments. Adding a suffix of ':desc' to any of those string argumentswill cause that order to be applied as descending.

Example:

import sortBy from 'ember-computed-sortby';

let ToDoList = Ember.Object.extend({
  // using standard ascending sort
  sortedTodos: sortBy('todos', 'name'),

  // using descending sort
  sortedTodosDesc: sortBy('todos', 'name:desc'),

  // using secondary sort
  sortedPriority: sortBy('todos', 'priority', 'name')
});

let todoList = ToDoList.create({todos: [
  { name: 'Unit Test', priority: 2 },
  { name: 'Documentation', priority: 3 },
  { name: 'Integration Test', priority: 2 },
  { name: 'Release', priority: 1 }
]});

todoList.get('sortedTodos');      // [{ name:'Documentation', priority:3 }, { name: 'Integration Test', priority: 2 }, { name:'Release', priority:1 }, { name:'Unit Test', priority:2 }]
todoList.get('sortedTodosDesc');  // [{ name:'Unit Test', priority:2 }, { name:'Release', priority:1 }, { name: 'Integration Test', priority: 2 }, { name:'Documentation', priority:3 }]
todoList.get('priorityTodos');    // [{ name:'Release', priority:1 }, { name: 'Integration Test', priority: 2 }, { name:'Unit Test', priority:2 }, { name:'Documentation', priority:3 }]

Method documentation:

@method sort
@for Ember.computed
@param {String} itemsKey
@param {String} property name(s) to sort on. Append ':desc' to trigger sort to be applied as descending.
@return {Ember.ComputedProperty} computes a new sorted array based on the sort property array
@public

Installing this addon

From within your Ember CLI project directory:

ember install ember-computed-sortby

Running Tests

Setup

  • git clone this repository
  • yarn install

Testing

  • ember test
  • ember test --server
  • 接触ember并使用它做项目快一年时间了,中间遇到问题、解决问题,现想对其在使用过程中的一些小技巧做个总结。 controllerFor 当你在A Route中需要用到B Route中的数据什么的,这个时候controllerFor就派上用场了。 needs 有的时候,控制器需要依赖其他控制器,这是通过“注入”来实现的。具体使用方法如下: needs: ['monitorErrorList'],

  • 原文地址:Ember Teach Ember.js讨论、问答社区。 为了大家能更深入学习Ember.js,我没天都会发一个API出来供大家学习,每天3个。量少而慢慢积累,希望这是一种更好的学习API的方式。 另外,每隔几天我会提出一个小问题,让家伙参与进来,根据问题而发表自己的看法,群众的智慧是无穷的,在思想的碰撞中肯定能收获更多。 参与问题讨论地址 API学习计划 Ember.computed

 相关资料
  • 类型:{ [key: string]: Function | { get: Function, set: Function } } 详细: 计算属性将被混入到不应该使用箭头函数来定义计算属性函数 (例如 aDouble: () => this.a * 2)。理由是箭头函数绑定了父级作用域的上下文,所以 this 将不会按照期望指向 Vue 实例,this.a 将是 undefined。 计算属性的

  • egghead.io 第3课: 计算值 计算值(computed values)是可以根据现有的状态或其它计算值衍生出的值。 概念上来说,它们与excel表格中的公式十分相似。 不要低估计算值,因为它们有助于使实际可修改的状态尽可能的小。 此外计算值还是高度优化过的,所以尽可能的多使用它们。 不要把 computed 和 autorun 搞混。它们都是响应式调用的表达式,但是,如果你想响应式的产生

  • 计算属性将函数声明为属性,Ember.js在需要时自动调用计算属性,并在一个变量中组合一个或多个属性。 下表列出了计算属性的属性 - S.No. 属性和描述 1 链接计算属性 链接计算属性用于与一个或多个预定义的计算属性聚合。 2 Dynamic Updating 在调用计算属性时动态更新它们。 3 Setting Computed Properties 通过使用setter和getter方法帮助

  • 代码复现地址 上面的代码和我的另一个项目都可以正常运行; 但我现在的这个项目中这样使用就不行, console.log(value); 只会触发一次; 需要修改为这样才行: 这是为什么?是什么影响的? 版本都是 vue:3.3.4

  • Ember检查器是一个浏览器插件,用于调试Ember应用程序。 灰烬检查员包括以下主题 - S.No. 灰烬检查员方式和描述 1 安装Inspector 您可以安装Ember检查器来调试您的应用程序。 2 Object Inspector Ember检查器允许与Ember对象进行交互。 3 The View Tree 视图树提供应用程序的当前状态。 4 检查路由,数据选项卡和库信息 您可以看到检查

  • 本文向大家介绍Vue.js计算属性computed与watch(5),包括了Vue.js计算属性computed与watch(5)的使用技巧和注意事项,需要的朋友参考一下 在模板中绑定表达式是非常便利的,但是它们实际上只用于简单的操作。模板是为了描述视图的结构。在模板中放入太多的逻辑会让模板过重且难以维护。这就是为什么 Vue.js 将绑定表达式限制为一个表达式。如果需要多于一个表达式的逻辑,应当