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

ember-let

授权协议 MIT License

开发语言 JavaScript

所属分类程序开发

软件类型开源软件

地区不详

投递者衡高寒

操作系统跨平台

开源组织无

适用人群未知

软件概览

ember-let

ember-let is an addon for binding variables to template contexts in Ember. It behaves much like the with helper, but lets you bind an arbitrary number of variables, including standalone values, hashes, and class instances. However, unlike with, the let helper will yield its block even if the bound values are undefined, null, or []. This has the benefit of allowing the user to treat the block values as true variable bindings rather than simply aliases to existing values.

See examples below:

Bind basic values

{{#let "abc" "123" as |first second|}}
  <li>{{first}}</li>
  <li>{{second}}</li>
{{/let}}

Mix hashes and standalone values

{{#let (hash first="first" second="second") "third" as |hash standalone|}}
  <li>{{hash.first}}</li>
  <li>{{hash.second}}</li>
  <li>{{standalone}}</li>
{{/let}}

Bind a class instance returned from a helper

{{#let (boolean) as |bool|}}
  {{bool.value}} - <button onClick={{action bool.toggle}}>toggle</button>
{{/let}}

Inline useNote: requires Ember 2.0+ (ie. does not support 1.13)

{{let greeting=(concat "hello " to)}}
{{greeting}} - <button {{action (action (mut to) "world")}}>Greet the world!</button>

Inline let declarations are in scope until the parent element or block is closed, for example:

{{#if person.isActive}}
  <div>
    {{let name=person.name}}
    <span>{{name}}</span>
  </div>
  {{!-- The name binding is not accessible here... --}}
{{/if}}
{{!-- ...or here. -- }}

Installation

git clone this repository
npm install
bower install

Running

ember server
Visit your app at http://localhost:4200.

Running Tests

npm test (Runs ember try:testall to test your addon against multiple Ember versions)
ember test
ember test --server

Building

ember build

For more information on using ember-cli, visit http://ember-cli.com/.

Code of Conduct

Please note that this project is released with a Contributor Code ofConduct. By participating in this project you agree to abide by itsterms, which can be found in the CODE_OF_CONDUCT.md file in thisrepository.

使用案例

Ember controller之间通信

Ember controller之间通信使用Ember做项目有一段时间了，查看项目之前的代码，当一个controller用到另一个controller的数据时，总是使用将变量存到localStorage中的方法，虽然这种方式是可以实现功能的，但是有很多局限性： 1、无法直接监听localstorage的变化 2、localStorage本质上是对字符串的读取，如果存储内容多的话会消耗内存空间，导
Ember Data some operating about Models/EmberData中关于Models的一些操作

Ember Models 在目前的项目工作中，我们（特指Pharbers项目）还没有完全使用 Ember Models的一些原生的特性，都是经过了一层封装，但是在 BM 项目中已经开始使用完全符合 JSONAPI 以及 Ember Data 的规范。所以这里完全是按照官方的符合JSONAPI 的规范。 Fetch Record 获取全部的 records 有两种方法: // route.js
阻止浏览器回退、刷新、关闭页面事件（ember / vue 框架）

以ember框架为例：封装的service： import Service from '@ember/service' import { inject as service } from "@ember/service" import fetch from 'fetch' import { tracked } from '@glimmer/tracking' import { action }
Ember.js 入门指南——自定义适配器

在Ember应用中适配器决定了数据保存到后台的方式，比如URL格式和请求头部。Ember Data默认的适配器是内置的REST API回调。实际使用中经常会扩展默认的适配器。Ember的立场是应该通过扩展适配器来添加不同的功能，而非添加标识。这样可以使得代码更加容易测试、更加容易理解，同时也降低了可能需要扩展的适配器的代码。如果你的后端使用的是Ember约定的规则那

ember-let

ember-let

Installation

Running

Running Tests

Building

Code of Conduct

同类工具

相关阅读

相关文章

相关问答

相关文档