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.
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
From within your Ember CLI project directory:
ember install ember-computed-sortby
git clone
this repositoryyarn install
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方法帮助
Ember检查器是一个浏览器插件,用于调试Ember应用程序。 灰烬检查员包括以下主题 - S.No. 灰烬检查员方式和描述 1 安装Inspector 您可以安装Ember检查器来调试您的应用程序。 2 Object Inspector Ember检查器允许与Ember对象进行交互。 3 The View Tree 视图树提供应用程序的当前状态。 4 检查路由,数据选项卡和库信息 您可以看到检查
代码复现地址 上面的代码和我的另一个项目都可以正常运行; 但我现在的这个项目中这样使用就不行, console.log(value); 只会触发一次; 需要修改为这样才行: 这是为什么?是什么影响的? 版本都是 vue:3.3.4
英文原文: http://emberjs.com/guides/getting-ember/index/ Ember构建 Ember的发布管理团队针对Ember和Ember Data维护了不同的发布方法。 频道 最新的Ember和Ember Data的 Release,Beta 和 Canary 构建可以在这里找到。每一个频道都提供了一个开发版、最小化版和生产版。更多关于不同频道的信息可以查看博客