我想在/ dist文件夹中有一个不同的文件名然后是index.html ember build.像main.html这样的东西会很棒.
我有以下问题.
我用ember-cli创建了一个ember应用程序.
http://localhost:4200/运行该命令时,应用程序通过url在nodejs上正常工作ember serve
我想在apache httpd服务器上部署此应用程序.
为了使这个工作,我认为它在firefox中打开时也应该是独立的.
当我在Firefox中打开它时,我收到一个错误:
要求没有定义
生成的index.html是
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Foo</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1 user-scalable=no">
<base href="/" />
<link rel="stylesheet" href="assets/vendor.css">
<link rel="stylesheet" href="assets/foo.css">
</head>
<body>
<script>
window.FooENV = {"environment":"development","baseURL":"/","locationType":"auto","EmberENV":{"FEATURES":{}},"APP":{"LOG_RESOLVER":true,"LOG_ACTIVE_GENERATION":true,"LOG_MODULE_RESOLVER":true,"LOG_VIEW_LOOKUPS":true},"LOG_MODULE_RESOLVER":true};
window.EmberENV = window.FooENV.EmberENV;
</script>
<script src="assets/vendor.js"></script>
<script src="assets/foo.js"></script>
<script>
window.Foo = require('foo/app')['default'].create(FooENV.APP);
</script>
</body>
</html>
我该如何解决这个问题？
谢谢,
大卫
使用ember cli v0.1.4,ember 1.8.1和cordova 3.7,我正在使用初始化器来等待设备准备好;
var CordovaInitializer = {
name: 'waitForCordova',
before:'i18n',
initialize: function(Container, App) {
if(window.cordova) {
console.log('defering app launch until cordova is ready...');
App.deferReadiness();
document.addEventListener('deviceready', function(){
console.log('lift off!');
App.advanceReadiness();
}, false);
}
}
};
export default CordovaInitializer;
我的第二个初始化器也需要等待cordova应用程序准备就绪 -
export default {
name: 'i18n',
after:'waitForCordova',
initialize: function(Container, App) {
console.log('initializing translations');
/* snip */
}
};
我期待以下输出 -
$ defering app launch until cordova is ready...
$ lift off!
$ initializing translations
但是,我得到以下 -
$ defering app launch …更新#2 - 这已经在最新的余烬中得到修复.
更新 - 这已得到修复,我很确定修复程序已进入Ember 1.11.0,所以你的export default Router.map( () -> ... )实际上是正确的,不会导致此错误.在那之前,你需要这样做:
Router.map(...)
export default Router
这是因为Router.map不返回Router实例.
=====================
我在我的Ember-cli项目中收到此错误: 未捕获错误:无法创建'router:main'的实例.很可能是未正确定义的类或无效的模块导出
我的app/router.js文件是:
import Ember from 'ember';
import config from './config/environment';
export default Ember.Router.extend({
location: config.locationType
}).map(function() {
this.route('foo');
});
怎么了？
在Ember CLI应用程序中.如果有人想使用https://github.com/twbs/bootstrap/blob/master/js/tooltip.js
http://www.ember-cli.com/似乎没有提到任何具体的内容.
这个文件通常存储在哪里？乍一看,我正想着把它放进去public/assets/js.什么是惯例,如果有的话？
我正在学习EmberJS,我试图搜索文档和内容,但到目前为止我无法正确实现组件和响应点击事件的动作,现在它只是在控制台中打印一些东西.我想获得点击的元素,这样我就可以改变它的风格和属性.我正在使用ember-cli 版本0.2.7生成的脚手架.遵循以下代码:
app/components/heart-like.js
import Ember from 'ember';
export default Ember.Component.extend({
actions:{
click: function (event) {
console.log(event); // undefined
console.log("Hello from component");
}
}
});
app/templates/components/heart-like.hbs
<div class="row">
<span {{action "click"}} class="pull-right" style="color: #B71C1C;"><i class="fa fa-2x fa-heart"></i></span>
</div>
我最近才开始使用ember,我想要包含bootstrap.我通过bower添加了bootstrap:bower install --save bootstrap然后将以下内容添加到我的ember-cli-build.js文件中:
app.import('bower_components/bootstrap/dist/css/bootstrap.css');
app.import('bower_components/bootstrap/dist/js/bootstrap.js');
所有这些似乎都有效,但是当我添加一个下拉菜单时,单击菜单会按预期展开,但随后鼠标释放会立即关闭 - 即单击一下就没有任何反应,但如果单击并按住菜单,则会出现一释放按钮就会消失.如果我使用Tab键选项卡到菜单,然后点击向下箭头,也会出现下拉菜单.我怀疑它与jquery有关,因为调试器跳转到jquery.js并且在那里菜单关闭,但我不够精通弄清楚发生了什么......
这是我的bower.json文件:
{
"name": "ember-mm-phone-app",
"dependencies": {
"ember": "1.13.3",
"ember-cli-shims": "ember-cli/ember-cli-shims#0.0.3",
"ember-cli-test-loader": "ember-cli-test-loader#0.1.3",
"ember-data": "1.13.5",
"ember-load-initializers": "ember-cli/ember-load-initializers#0.1.5",
"ember-qunit": "0.4.1",
"ember-qunit-notifications": "0.0.7",
"ember-resolver": "~0.1.18",
"jquery": "^1.11.1",
"loader.js": "ember-cli/loader.js#3.2.0",
"qunit": "~1.17.1",
"ember-simple-auth": "0.8.0",
"bootstrap": "~3.3.5"
},
"devDependencies": {
"ember-localstorage-adapter": "0.5.4"
}
}
这是下拉菜单:
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
Account <b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li>{{link-to 'Profile' 'user'}}</li>
<li>{{link-to 'Settings' 'application'}}</li>
<li>{{link-to 'Terms and Conditions' 'application'}}</li>
<li class="divider"></li>
<li>
<a {{ action …我正在使用GitHub API来加载特定路径中的模型
我正在为我的个人github详细信息做两个承诺:https://api.github.com/users/user,另一个用于我的GitHub存储库https://api.github.com/users/user/repos
我可以单独加载模型,但问题是我没有想到如何在我的特定路线中同时加载两个模型.
看代码
var IndexRoute = Ember.Route.extend({
model: function(params) {
var url, self, git;
self = this;
git = this.store.createRecord('git',{});
url = 'https://api.github.com/users/user';
return new Ember.RSVP.Promise(function(resolve, reject) {
return Ember.$.getJSON(url, function(data) {
var item = [];
git.setProperties({
name: data.name,
login: data.login,
location: data.location,
company: data.company,
followers: data.followers,
following: data.following
});
item.pushObject(git);
return resolve(item);
});
});
},
model: function(params){
var self, url, repoListProxy;
self = this;
url = 'https://api.github.com/users/user/repos';
repoListProxy = Ember.ArrayProxy.create({
content: [] …在铁轨中,
js文件位于
app/assets/javascripts
同样在ember-cli应用程序中添加js和css文件的位置？
我已经基于ember-cli的文档创建了一个自定义蓝图,我想从我的第一个蓝图中运行一个不同的蓝图(基本上ember g something-else ...).我怎样才能做到这一点？
具体用例:我已经覆盖了Ember CLI的默认组件蓝图,我想app/styles/components/在我的新组件蓝图中为每个生成的组件生成匹配的CSS部分(in ).
ember-cli ×10
ember.js ×10
javascript ×3
cordova ×1
ember-data ×1
jquery ×1
promise ×1
rsvp-promise ×1