问题标签 [ember-observable]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
ember.js - Ember 控制器可以绑定到它自己的属性的更改事件吗?
给定一个控制器,如:
这似乎不起作用,所以我一定不明白观察者是如何工作的。我认为它应该在 controller.authenticated 上创建一个观察者。但是,当我打电话时,@set("authenticated", true)
什么都没有记录。
更新:我确实尝试更换controller.authenticated
无济于事App.signInController.authenticated
。
我错过了什么?
ember.js - 如何知道一个方法是我的代码还是来自观察者的调用
我在视图中有一个方法,如下所示。
该方法既可以通过调用直接触发,也可以由property1观察者触发。是否有可能在方法内部知道调用被触发的方式。谢谢
jquery - 通过 EmberJS 动作触发 jQuery DOM 操作事件
我正在制作一个非常简单的 Ember APP。为了我自己的理智,我更喜欢在 EmberViews 中通过 jQuery 执行必要的动画和简单的 dom 事件,例如鼠标悬停/单击。
假设我有这个:
我的模板是这样的:
我的控制器相应地支持这样的动作“某事”:
一切都很好,但我想要“某事”操作做的是在我的视图中触发“ didInsertElement ”事件,以便切换“ anotherElement”可见性,而无需我再次写下该代码。
这有道理吗?我尝试使用'observables',但无法让它们工作。
或者,如果有更好的方法来做到这一点,这些也是受欢迎的。
javascript - 基于 currentPath 的 Ember 导航栏 UI 条件
我一定做的不对。我有以下内容:
应用程序.hbs
使用以下导航栏模板
_navbar.hbs
所以它只是一个典型的固定导航栏,在它的中间我显示你在哪个页面上,如果你碰巧在一个有标签内容的页面上,我会显示一个标签容器。
所以我只是在我的 App 控制器中使用 this.get('currentPath') 并将其与一组路由名称进行比较以触发真/假(我需要一个观察者,因此它会查看路由更改,因为导航栏是内联的在应用程序级别查看)。
应用程序.js
所以,基本上,无论如何,选项卡 UI 都会显示出来,但我只希望它在选项卡观察者为真时显示。通过一些调试,我得到了我期望的所有控制台输出,但我尝试只做 {{#if tabs}} (只是直接使用观察者)并且总是触发 true (总是显示选项卡 UI)。我认为这是因为它是一个观察者,而不是我可以在模板中使用的实际控制器属性,所以我尝试设置 hasTabs 属性并引用观察者,但这似乎不起作用。我意识到我根本不明白这应该如何工作。有什么想法吗?
ember.js - Ember.js 1.13:观察组件传入属性的正确方法?
我正在尝试将我的项目升级到 Ember 1.13,我对component的新属性的行为有点困惑,尤其是当我必须观察它们时。
例如,我的测试组件观察到bar是从外部传递的参数。我知道在 Ember 的新 Glimmer 引擎中,组件的任何属性更改后都会重新渲染。我想不通的是,如果我观察attrs.bar(我没有修改bar!),那时观察者也会被解雇。但如果我观察酒吧本身,那就没问题了。
示例代码:
HTML 栏:
控制器:
零件:
通过点击按钮更改foo的值,我们也将触发barObv2。我为演示创建了一个 jsbin: https ://jsbin.com/qiwivu/2/edit?js,console,output
有谁知道为什么观察者被触发?
javascript - ember 中模型更改或 DOM 值更改时更改 CSS
我有一个表,它从 DS 模型中获取数据,该模型从数据库中动态更新。当表格中的数据更新时,我需要提醒用户界面中块的颜色(css)变化(特别是“td”)。
这是我的代码:
当值更新时,我需要块背景的颜色变化(这里是“飞行”)。
javascript - Ember.set 和 Ember.setProperties 给出不同的结果
我在我的应用程序中遇到了一个问题,Ember
即使用设置多个属性Ember.set
并Ember.setProperties
在后者中产生了错误的结果。在这里构建了一个确切的场景。
哈佛商学院:
JS:
在上面的代码中,单击第一个按钮 ( Ember.setProperties
) 给出Name: Vignesh Raja Place: Chennai
,但单击第二个 ( 多个Ember.set
) 给出Name: Vignesh Raja Place: Namakkal