我们在自助服务终端模式下使用Chrome,并且意外地用户使用最近添加的缩放缩放支持使应用程序变焦.然后他们认为他们已经打破了它并且干脆离开应用程序(以及随后的55英寸触摸屏)处于破碎状态.
现在唯一可行的工作就是停止2点以上触摸事件的事件传播.问题是我们不能在这种情况下做多点触控应用程序,如果你行动迅速,浏览器会在javascript之前做出反应.在我们的测试中,用户偶然发生了这种情况.
我做过Meta标签,它们不起作用.老实说,我希望我可以禁用铬缩放,但我无法找到一种方法来做到这一点.
如何阻止浏览器进行缩放?
我很难找到在Angular2服务中使用observables的示例/指南的方式.有一些用于与EventEmitter绑定的html模板的东西,但这似乎不适合服务.
其中一个重要的驱动主题是远离Angular2中的Promise,但我似乎无法使新语法正确.
我在做什么
我很好,如果承诺是这个例子的最佳解决方案,但我想弄清楚Observable Way是什么.
我的服务:
/*DS Work on firebase Auth */
import {Injectable} from 'angular2/angular2';
@Injectable()
export class FirebaseAuth {
ref = new Firebase('https://myfirebase.firebaseio.com');
//check if user is logged in
getAuth(): any {
return this.ref.getAuth();
}
//register a new user
createUser(user: any): Promise<any> {
return new Promise((resolve, reject) => {
this.ref.createUser(user, function(error, userData) {
if (error) {
reject(error);
console.log('Error creating user:", error');
} else {
resolve(userData);
console.log('Successfully created …Run Code Online (Sandbox Code Playgroud) 最近AngularFire如何处理对象/列表以及引用整个应用程序中的对象,我们遇到了一些严重的问题.
主要的是旧的AngularFireObject & AngularFireList工作与新的相比.我们的应用程序高度依赖于$key价值,因为我们非常规范化(如推荐).
现在,文档使用一个map示例来获取$key值,但是它的工作方式不一样,甚至valueChanges()看起来效果也不一样.
我不完全确定我们现在应该做些什么改变.
/* /items/
a/{name: 'Dennis', city: 'Dallas'}
b/{name: 'Katie', city: 'Austin'}
c/{name: 'Will', city: 'Chicago'}
*/
let myAfList = this.af.list('path/to/items');
let itemsFirst, itemsSecond, itemsThird;
myAfList.subscribe(items => itemsFirst = items);
setTimeout(_ => myAfList.subscribe(items => itemsSecond = items), 1000);
setTimeout(_ => myAfList.subscribe(items => itemsThird = items), 2000);
/* Results for all three item arrays
itemsFirst: [
{name: 'Dennis', city: 'Dallas', $key: 'a'},
{name: 'Katie', city: 'Austin', $key: …Run Code Online (Sandbox Code Playgroud) 我有一个ajax调用,返回一个相当复杂的JSON对象,我很难对它进行排序.
我的电话:
$.post('/reports-ajax',arguments, function(data) {}
Run Code Online (Sandbox Code Playgroud)
响应:
{
"10001":{
"unitname":"Fort Worth",
"discounts":{"12-02-2012":"34.810000","12-03-2012":"20.810000","12-04-2012":"27.040000"},
"gross":{"12-02-2012":"56.730000","12-03-2012":"19.350000","12-04-2012":"66.390000"},
"net":{"12-02-2012":"61.920000","12-03-2012":"98.540000","12-04-2012":"39.350000"},
"discounts_total":82.66,
"gross_total":82.47,
"net_total":99.81,
"number":10001
},
"10002":{
"unitname":"Dallast",
"discounts":{"12-02-2012":"12.600000","12-03-2012":"25.780000","12-04-2012":"47.780000","12-05-2012":"45.210000"},
"gross":{"12-02-2012":"29.370000","12-03-2012":"91.110000","12-04-2012":"60.890000","12-05-2012":"51.870000"},
"net":{"12-02-2012":"16.770000","12-03-2012":"65.330000","12-04-2012":"13.110000","12-05-2012":"06.660000"},
"discounts_total":131.37,
"gross_total":33.24,
"net_total":101.87,
"number":10002
},
"32402":{
"unitname":"Austin",
"discounts":{"12-05-2012":"52.890000","12-02-2012":"22.430000","12-03-2012":"58.420000","12-04-2012":"53.130000"},
"gross":{"12-05-2012":"25.020000","12-02-2012":"2836.010000","12-03-2012":"54.740000","12-04-2012":"45.330000"},
"net":{"12-04-2012":"92.200000","12-05-2012":"72.130000","12-02-2012":"13.580000","12-03-2012":"96.320000"},
"discounts_total":186.87,
"gross_total":161.1,
"net_total":174.23,
"number":32402
}
}
Run Code Online (Sandbox Code Playgroud)
我用一个标准的每个调用来检查函数并用highcharts做一些很棒的东西,但现在我试图通过net_total调用对响应进行排序,我无法弄明白.
我尝试了.sort()它错误,它不是一个功能.我已经阅读了一段时间,但我猜我找不到合适的结果.这看起来很有希望:对一组JavaScript对象进行排序,但它失败了,.sort而不是一个函数.似乎大多数.sort都在[]数组上而不是完整的对象..
任何帮助将不胜感激.
更新11/1/15
从Alpha 45开始,Aux Routes不受支持. 链接到Github问题
@ evan-plaice的道具
原始问题
我在Angular2路由器上观看了Brian Ford的演讲:https://youtu.be/z1NB-HG0ZH4
我开始尝试使用"Aux"路由,我的代码丢失了很多错误.
我在mgechev的Angular Seed的Alpha 44上
在我的app.ts组件中,它非常标准,因为RouteConfig我有:
@RouteConfig([
{ path: '/', component: HomeCmp, as: 'Home' },
{ path: '/run', component: RunCmp, as: 'Run' },
{ path: '/manage', component: ManageCmp, as: 'Manage' },
{ path: '/user', component: UserCmp, as: 'User' },
{ path: '/settings', component: LocalSettingsCmp, as: 'Settings' },
{ aux: '/login', component: LoginCmp, as: 'Login' }
])
Run Code Online (Sandbox Code Playgroud)
我的app.html:
<div id="main-content" class="full">
<router-outlet></router-outlet>
<router-outlet name="login"></router-outlet>
</div> …Run Code Online (Sandbox Code Playgroud) 我很难理解如何在Angular2中扩展服务.
我有一个服务连接到Firebase并执行各种常见任务(获取,设置,更新,列表等),而不是为我的特殊组件重新编写它,我尝试扩展它.
我的想法是我只能传递路径的新部分但是会抛出一个错误:
Cannot resolve all parameters for 'FirebaseService'(?). Make sure that all the parameters are decorated with Inject or have valid type annotations and that 'FirebaseService' is decorated with Injectable.
Run Code Online (Sandbox Code Playgroud)
问题在于构造函数和我缺乏OOP的大脑.我可以将其他服务或提供者传递给我的服务,但我不能再传递简单的字符串参数,除非我遗漏了一些东西.我尝试设置属性,但我认为我没有正确的上下文.
我认为这是@Injectable的一个问题,但我不确定.
这是我首先尝试的简化版本:
更新包括PLUNKER链接:
@Injectable()
export class FirebaseService {
rootPath:string = "https://mysite.firebase.com/";
childPath:string;
pathToUse: string;
constructor() {
if(this.childPath){
this.pathToUse = this.rootPath + this.childPath;
}else{
this.pathToUse = this.rootPath;
}
console.log(this.pathToUse);
}
}
//The in project_service.ts
@Injectable()
export class ProjectService extends FirebaseService{
childPath:string = "projects";
constructor(){
super();
}
} …Run Code Online (Sandbox Code Playgroud) 我有一个基于元素“类型”的开关,它会触发不同的默认设置。
多个“类型”通常共享默认设置,例如,backgroundColor因此我们将它们组合成多个案例设置。在我们进行修改时,能够随心所欲地调整每个“类型”是一件很不错的事情,并且常常会导致很多重复,因为每种类型都放在自己的小盒子中。
我想做的是使用一个共享的案例,然后再次声明它的特殊属性。
就像是:
function setDefaults(base) {
switch (base.type) {
case 'rectangle':
case 'circle':
case 'areaMap':
case 'clock':
case 'news':
case 'weather':
case 'webview':
case 'camera':
base.properties.background = this._getRandColor();
case 'areaMap':
base.properties.height = '600px';
base.properties.width = '800px';
break;
}
return base;
}
Run Code Online (Sandbox Code Playgroud)
我不确定这是否行得通...
在新服务器上执行简单的phpmyadmin安装,我得到了白屏.
进入apache日志,我看到:
[Wed Jun 19 23:20:57 2013] [error] [client 67.154.118.163] PHP Fatal error: Call to undefined function PMA_DBI_num_rows() in /var/www/phpmyadmin/libraries/navigation/Nodes/Node.class.php on line 408
Run Code Online (Sandbox Code Playgroud)
我在服务器上所做的就是安装apache,php,mysql和php-mysql模块......
不知道发生了什么:(
angular ×3
javascript ×3
angularfire2 ×1
angularjs ×1
apache2 ×1
eventemitter ×1
firebase ×1
jquery ×1
kiosk ×1
object ×1
observable ×1
phpmyadmin ×1
pinch ×1
router ×1
rxjs ×1
service ×1
sorting ×1
typescript ×1
ubuntu ×1
zoom ×1