Tag: ember.js

ember 2.2.0 this.store.queryRecord返回错误:Error.EmberError处的新错误(本机)上的适配器操作失败

我正在使用带有ember-pouch的ember 2.2.0,所以我的问题是我试图通过不同于id的param从商店检索数据这里是我的代码: this.store.queryRecord(’facility’,{api_number:’42 -001-1234′}) 它失败了以下错误: 获取http:// localhost:4200 / facilities?api_number = 42-001-1234 404(未找到)发送@jquery.js:9664jQuery.extend.ajax @jquery.js:9215(匿名函数)@ rest-adapter.js :764initializePromise @ ember.debug.js:52308Promise @ ember.debug.js:54158ember $ data $ lib $ system $ adapter $$ default.extend.ajax @ rest-adapter.js:729ember $ data $ lib $ system $ adapter $ $ default.extend.queryRecord @ rest-adapter.js:404ember $ data $ lib $ system $ store $ finders $$ […]

无法让Ajax POST与Emberjs一起工作

我现在要做的是尝试通过Ajax POST将数据发送到数据库。 我将首先从我的HTML表单开始, Project Name: {{!view App.TextFieldEmpty}} Project Description: Add Project 接下来,是我的App.js ,根据Ember指南,我们必须首先映射模板吗? 所以这是我的router : App.Router.map(function() { this.resource(‘project’); }); 接下来,我将数据插入的表格很简单,只有三个字段; id, projectname & projectdesc 。 App.Model = Ember.Object.extend({ }); App.Project = App.Model.extend({ id : null, projectname : null, projectdesc : null }); 现在关于这个问题, App.ProjectController = Ember.ArrayController.extend({ actions : { createNew : function() { this.get(‘model’).createNew(); } […]

如何从DatePicker获取值

我正在尝试使用jquery中的datepicker,但我不知道,如何从中获取值。 我在datepicker视图中使用此代码: JQ.DatePicker = Em.View.extend(JQ.Widget, { uiType: ‘datepicker’, uiOptions: [‘disabled’, ‘altField’, ‘altFormat’, ‘appendText’, ‘autoSize’, ‘buttonImage’, ‘buttonImageOnly’, ‘buttonText’, ‘calculateWeek’, ‘changeMonth’, ‘changeYear’, ‘closeText’, ‘constrainInput’, ‘currentText’, ‘dateFormat’, ‘dayNames’, ‘dayNamesMin’, ‘dayNamesShort’, ‘defaultDate’, ‘duration’, ‘firstDay’, ‘gotoCurrent’, ‘hideIfNoPrevNext’, ‘isRTL’, ‘maxDate’, ‘minDate’, ‘monthNames’, ‘monthNamesShort’, ‘navigationAsDateFormat’, ‘nextText’, ‘numberOfMonths’, ‘prevText’, ‘selectOtherMonths’, ‘shortYearCutoff’, ‘showAnim’, ‘showButtonPanel’, ‘showCurrentAtPos’, ‘showMonthAfterYear’, ‘showOn’, ‘showOptions’, ‘showOtherMonths’, ‘showWeek’, ‘stepMonths’, ‘weekHeader’, ‘yearRange’, ‘yearSuffix’], […]

Emberjs如何绑定-attr一个id

我想使用ember属性通过调用它的动态id来切换div的可见性,但是即使我可以通过调用类来做类似的事情,我也不能对id做同样的事情。 例如: {{bind-attr class=”:class1 controller.controllerProperty:class2″}}工作正常。 我可以从controllerProperty中的动作切换controllerProperty。 你会认为同样的概念适用于id。 但是{{bind-attr id=”:staticId controllerProperty:id{{dynamicIdNumber}}”}}使得id一起消失! 为什么会发生这种情况?这种方法的正确方法是什么? 我想尽可能避免使用解决方案。

使用$ .getJSON以正确的格式从php返回带有emberjs的json数据

我看了看这个教程 并试图创建自己的PHP端脚本来生成json数据。 但是,我创建了一个多级数组失败了。 在这个例子中,json的结果是 { “nextId”: null, “items”: [{ “title”: “Docker, the Linux container runtime: now open-source”, “url”: “http://docker.io”, “id”: 5445387, “commentCount”: 39, “points”: 146, “postedAgo”: “2 hours ago”, “postedBy”: “shykes” }, { “title”: “What\u0027s Actually Wrong with Yahoo\u0027s Purchase of Summly”, “url”: “http://hackingdistributed.com/2013/03/26/summly/”, “id”: 5445159, “commentCount”: 99, “points”: 133, “postedAgo”: “2 hours ago”, “postedBy”: […]

灰烬使用产量渲染模板

我正在努力实施 {{#my-custom-component}} {{my-other-component field=(some-section someSection “PARAM_1” “PARAM_2”) onChangeField=(action ‘enable’ “PARAM_3”)}} {{/my-custom-component}} 所以我想在my-custom-component中显示/渲染my-other-component所以我在my-custom-component中会有{{yield}} 目前有了上述内容,我得到了 RangeError:超出最大调用堆栈大小 我怀疑我没有正确地通过params。 请尽情享受。

Ember.js用于更新视图的选项

我一直在玩Ember.js ,并想知道在数据更改时更新DOM的最佳做法是什么。 具体来说,我为每个模型实例都有一个带有打开和关闭按钮的分隔符。 我希望如果模型对象的状态为“打开”,则打开按钮消失,如果模型状态为“关闭”,则关闭按钮消失。 据我所知,有几种选择。 A)在控制器调用的视图中使用jQuery直接更改DOM中的元素 B)设置一个将自动重新加载模板的观察者,并在模板中包含if/else语句,其中的内容应根据更新的模型参数进行更改。 是其中一个首选(或两者都没有)? 你们会做什么?

Ember生成动作或jquery onclick

我有一个可以正常运行的余烬应用程序。 但是用户的交互会像下面那样插入一些DOM … $(.test).append(Get Data); 问题是Ember似乎没有意识到已经在DOM中添加了一个动作“getData”。 单击元素时没有任何事情发生。 有什么想法吗? 我想要做的另一种方式是: //create the element $(.test).append(Get Data); //make click listener $(‘#idnum’).click(function(){ console.log(“get data”); } 我的问题是我应该将代码放在组件内部,以便它可以监听click事件。 谢谢。

从ember调用时,Google Auto Complete CORS问题

我试图打电话给谷歌api进行如下调用ajax: fetch(){ let url=`https://maps.googleapis.com/maps/api/place/autocomplete/json?input=IL&types=geocode&key=API_KEY` return Ember.RSVP.resolve(Ember.$.ajax(url,{ method: ‘GET’ })) .then( (response)=>{ console.log(“google suggested places:”,response); return response; }) 但我得到“无法加载https://maps.googleapis.com/maps/api/place/autocomplete/json?input=IL&types=geocode&key=API_KEY :否’请求中存在’access-control-Allow_origin’header资源。因此不允许来源’ http:// localhost:4200 ‘。 我尝试了很多选项如下:在app / services / service.js dataType:’jsonp’jsonp:“json_callback”,jsonp:“callback”,jasonpCallback:’jsonpcallback’cache:false /’false’ 但他们都没有解决我的问题。 我还尝试了以下内容:在app / services / service.js中 var restRequest = gapi.client.request({ ‘path’: ‘https://maps.googleapis.com/maps/api/place/autocomplete’ }); var xhr = new XMLHttpRequest(); xhr.open(‘GET’, ‘https://maps.googleapis.com/maps/api/place/autocomplete’); 我做了以下安装gapi-client:npm install –save gapi-client并在我的service.js中有这个 import gapi […]

断言失败:#each循环的值必须是一个数组。 你传递了

我正在尝试在按下按钮时在运行时更改模板的模型。 要更改名为“example”的模板模型,请在按下按钮时调用changeModel操作。 此方法发出Ajax请求并从后端获取一些数据。 现在的问题是应用程序转换到示例模板,但新数据不会显示在模板中。 我validation了数据是从服务器发送的。 当我将完全相同的数据放入变量并尝试将其作为模型加载时,它可以工作。 可能是什么问题? 问题是因为在转换到新页面之前没有解决Ajax请求而我需要以某种方式使用promise吗? 或者发送的数据的数据类型是否不同? 如果是这样,我该如何将其转换为数组。 这个问题与我几天前回答的另一个问题有关: 渲染模板并在Ember.js中调用模型钩子 。 你可以看看我正在使用的代码。 changeModel: function(data) { var url = “/ChangeModel”; var newModel= Ember.$.getJSON(url).then(function(data) { return data; }); var self = this; this.transitionTo(‘example’).then(function(){ self.controllerFor(‘example’).set(‘model’, newModel); }); }