在过去的4年里,我在与AngularJS 1.*一起工作之后,我正在尝试自学Angular2和TypeScript!我不得不承认我讨厌它,但我确信我的尤里卡时刻即将到来......无论如何,我已经在我的虚拟应用程序中编写了一个服务,它将从我写的服务JSON的虚拟后端获取http数据.
import {Injectable} from 'angular2/core';
import {Http, Headers, Response} from 'angular2/http';
import {Observable} from 'rxjs';
@Injectable()
export class UserData {
constructor(public http: Http) {
}
getUserStatus(): any {
var headers = new Headers();
headers.append('Content-Type', 'application/json');
return this.http.get('/restservice/userstatus', {headers: headers})
.map((data: any) => data.json())
.catch(this.handleError);
}
getUserInfo(): any {
var headers = new Headers();
headers.append('Content-Type', 'application/json');
return this.http.get('/restservice/profile/info', {headers: headers})
.map((data: any) => data.json())
.catch(this.handleError);
}
getUserPhotos(myId): any {
var headers = new Headers();
headers.append('Content-Type', 'application/json');
return this.http.get(`restservice/profile/pictures/overview/${ myId }`, …Run Code Online (Sandbox Code Playgroud) 我有一个列表(在.txt文件中),我想快速转换为JavaScript语法,所以我想采取以下措施:
AliceBlue
AntiqueWhite
Aqua
Aquamarine
Azure
Beige
Bisque
Black
BlanchedAlmond
Run Code Online (Sandbox Code Playgroud)
并将其转换为数组文字...
var myArray = ["AliceBlue", "AntiqueWhite", ... ]
Run Code Online (Sandbox Code Playgroud)
我有记事本++中的列表,我需要一个reg表达式来添加"行的开头和",结尾并删除换行符...有没有人有快速解决方法来做到这一点?RegEx让我很糟糕.
我经常要执行这样的任务,所以知道如何做到这一点对我来说是一个很大的好处.非常感谢
我有一个奇怪的问题.我想在我的AngularJS项目中包含angular-animate - 我使用的是AngularJS v1.2.6.我已添加angular-animate到我的凉亭文件中.它已下载并添加到源文件中的HTML文件中,它指向正确的文件(它在浏览器中加载).现在我需要将其添加为依赖项,因此我将模块添加到我的应用程序中...
angular.module('myApp', [
'ngResource',
'ngSanitize',
'ngRoute',
'ui.bootstrap',
'LocalStorageModule',
'cookiesModule',
'ngAnimate'
])
Run Code Online (Sandbox Code Playgroud)
但是,只要Grunt尝试检测文件更改和构建,我就会收到以下错误:
Unknown provider: $$asyncCallbackProvider <- $$asyncCallback <- $animate <- $compile
Run Code Online (Sandbox Code Playgroud)
我检查了拼写,我按照https://github.com/angular/bower-angular-animate上提到的说明进行操作,但是我看不出为什么这不起作用或为什么我收到错误!我已经在依赖项数组中更改了依赖项的位置,但这没有任何作用.还有其他人经历过这个吗?我会继续研究这个,但如果有人克服或确定了为什么会这样,请大声说出来!提前致谢
在过去的4年里,我正在努力与Angular 1.*一起工作,我正在尝试自学Angular2和TypeScript!无论如何,我在顶级组件中有一个属性,它是来自http源的用户数据,如此...(这是在一个名为的文件中app.ts)
import {UserData} from './services/user-data/UserData';
Component({
selector: 'app', // <app></app>
providers: [...FORM_PROVIDERS],
directives: [...ROUTER_DIRECTIVES],
pipes: [],
template: require('./app.html')
})
@RouteConfig([
// stuff here
])
export class App {
// Please note that UserData is an Injectable Service I have written
userStatus: UserStatus;
constructor(private userData: UserData) {
this.userStatus = new UserStatus();
}
ngOnInit() {
this.userData.getUserStatus()
.subscribe(
(status) => {
this.userStatus = status; // I want to access this in my Child Components...
},
(err) => {console.log(err);},
() => …Run Code Online (Sandbox Code Playgroud) 我有一个关于Angular Material(Angular 4+)的问题.在我的组件模板中说我添加了一个<mat-horizontal-stepper>组件,并且在每个步骤中<mat-step>我都有步进按钮来导航组件.像这样......
<mat-horizontal-stepper>
<mat-step>
Step 1
<button mat-button matStepperPrevious type="button">Back</button>
<button mat-button matStepperNext type="button">Next</button>
</mat-step>
<mat-step>
Step 2
<button mat-button matStepperPrevious type="button">Back</button>
<button mat-button matStepperNext type="button">Next</button>
</mat-step>
<mat-step>
Step 3
<button mat-button matStepperPrevious type="button">Back</button>
<button mat-button matStepperNext type="button">Next</button>
</mat-step>
</mat-horizontal-stepper>
Run Code Online (Sandbox Code Playgroud)
现在我想知道是否有可能从每个步骤中删除按钮并将它们<mat-horizontal-stepper>放在静态位置的其他位置,甚至在其他位置之外<mat-horizontal-stepper>,我可以使用组件打字稿文件中的代码向后和向前导航.为了给出一个想法,我希望我的HTML就像这样
<mat-horizontal-stepper>
<mat-step>
Step 1
</mat-step>
<mat-step>
Step 2
</mat-step>
<mat-step>
Step 3
</mat-step>
<!-- one option -->
<div>
<button mat-button matStepperPrevious type="button">Back</button>
<button mat-button matStepperNext type="button">Next</button>
</div>
</mat-horizontal-stepper>
<!-- second …Run Code Online (Sandbox Code Playgroud) 我有一个快速的问题.我目前正在浏览https://angular.io/docs/ts/latest/api/router/Router-class.html,但我想知道,在我的Angular2中,main.ts我的路由定义如此:
@Routes([
{ path: '/', component: HomeComponent },
{ path: '/about-me', component: AboutMeComponent },
{ path: '/food', component: FoodComponent },
{ path: '/photos', component: PhotosComponent },
{ path: '/technology', component: TechnologyComponent },
{ path: '/blog', component:Blogomponent },
])
Run Code Online (Sandbox Code Playgroud)
现在在其他地方的组件中我导入了Router类.在我的组件(或组件模板)中,我想遍历我定义的所有路由或只能访问它们.有没有内置的方法来做到这一点?像一些返回对象数组的函数?这是我想要的粗略想法......
@Component({
selector: 'ms-navigation',
templateUrl: 'src/navigation/navigation.template.html',
directives: [ ROUTER_DIRECTIVES ]
})
export class NavigationComponent {
constructor(private router:Router) {
// what can I do here to get an array of all my routes?
console.log(router.routes); ????
}
}
Run Code Online (Sandbox Code Playgroud) 这应该是一个相当简单的问题,但我对SQL知之甚少.我有一个数据库,其中包含以下字段:
client_idscheduled_amountdeposit_amountmessage_code_idnote_textsystem_date现在,我希望从运行SQL语句时选择少于1年的所有记录.我知道我应该使用DateDiff,任何人都有任何想法?
谢谢
我正在使用Angular2和TypeScript,但它并不顺利(在AngularJS中这很容易).我正在编写一个小实验应用程序以掌握所有内容,我将以下组件作为我的主要/顶级组件...
import {Component, OnInit} from 'angular2/core';
import {RouteConfig, ROUTER_DIRECTIVES} from 'angular2/router';
import {UserData} from './services/user-data/UserData';
import {Home} from './components/home/home';
import {UserStatus} from './types/types.ts';
import {Http, Headers, Response} from 'angular2/http';
@Component({
selector: 'app', // <app></app>
providers: [...FORM_PROVIDERS],
directives: [...ROUTER_DIRECTIVES],
template: require('./app.html')
})
@RouteConfig([
{path: '/', component: Home, name: 'Home'},
// more routes here....
])
export class App {
userStatus: UserStatus;
constructor(public http: Http) {
}
ngOnInit() {
// I want to obtain a user Profile as soon as the code is …Run Code Online (Sandbox Code Playgroud) 我刚刚为新开发人员提供了一些采访,JavaScript是我角色的主要部分,也是我们招聘的角色.说实话,候选人不是那么好,他并不真正理解JavaScript,但在采访中他把JavaScript与C#混淆,并开始讨论JS中的内存泄漏.我想干预,但是在那一点上,我意识到我对JS中的内存泄漏知之甚少,除了它们占用了大量内存并减慢了速度.
在采访中考虑这一点时,我唯一记得的是OReilly的Def Guide(认为是第四版)提到Mark和Sweep Garbage Collections.但自从我读到这篇文章以来,这种情况一直在消退,我无法真正扩展.我发现很少有关于这个主题的内容很简洁(除了Crockford的一篇文章并不清楚).
有人可以尽可能简单地总结一下:JS中的内存泄漏是什么,我们如何发现它们,如何创建它们 - 我多年来一直在编写JS,这完全打破了我的知识和信心,因为我从来没有真的想过这个!
我有一份非常出色的工作,不得不完成最初给承包商的工作,但从未完成.不是问题但我现在被告知系统必须支持Firefox 3.6!不是很好,但不是我会失去睡眠直到现在!系统具有Ajax函数,该函数使用FormData对象,然后上载文档(通常是PDF).我通过Firefox 3.6运行了这个,我得到以下内容
"未定义FormData"
var formData = new FormData($('form')[0]);
这很好,因为我可以看到这个对象不受支持,我只需要使用不同的方法或收集方式......我用过这个:
var formData = Components.classes["@mozilla.org/files/formdata;1"]
.createInstance(Components.interfaces.nsIDOMFormData);
Run Code Online (Sandbox Code Playgroud)
但是这给了我以下错误!
http://10.29.100.23:8080的权限被拒绝获取属性XPCComponents.classes
我不确定为什么这是......道路" @mozilla.org/files/formdata;1"不正确?我做了更多的研究而且无处可去!所以我接着想到序列化表格改变了以下内容......
var formData = {};
$.each($('form')[0].serializeArray(), function(_, kv) {
if (formData.hasOwnProperty(kv.name)) {
formData[kv.name] = $.makeArray(formData[kv.name]);
formData[kv.name].push(kv.value);
}else {
formData[kv.name] = kv.value;
}
});
Run Code Online (Sandbox Code Playgroud)
虽然没有#t错误,Ajax函数没有上传(我认为它没有识别或找到文件,或者它只是为文件值收集一个字符串).有没有人对旧版浏览器中FormData的替代品有任何建议,尤其是Firefox 3.6--这是我唯一需要支持的旧浏览器.
** 更新 ****
这是HTML页面上表单的内容
<form action="" method="post" enctype="multipart/form-data" name="uploadForm" id="uploadForm" target="#">
<label for="fileField">Rechnung hochladen</label>
<input type="file" name="fileField" id="fileField">
<progress id="progressbar" class="progressbar_margin hidden"></progress>
</form>
Run Code Online (Sandbox Code Playgroud) angular ×5
typescript ×4
javascript ×3
angularjs ×1
animation ×1
form-data ×1
jquery ×1
notepad++ ×1
observable ×1
regex ×1
rxjs ×1
sql ×1
sql-server ×1
t-sql ×1
text-editor ×1