小编Mik*_*Sav的帖子

使用TypeScript从Angular2中的http数据链接RxJS Observable

在过去的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)

observable rxjs typescript angular

89
推荐指数
1
解决办法
5万
查看次数

在Notepad ++中的每一行的开头和结尾添加引号

我有一个列表(在.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让我很糟糕.

我经常要执行这样的任务,所以知道如何做到这一点对我来说是一个很大的好处.非常感谢

regex text-editor notepad++

77
推荐指数
6
解决办法
12万
查看次数

Angular-animate - 未知提供者:$$ asyncCallbackProvider < - $$ asyncCallback < - $ animate < - $ compile

我有一个奇怪的问题.我想在我的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上提到的说明进行操作,但是我看不出为什么这不起作用或为什么我收到错误!我已经在依赖项数组中更改了依赖项的位置,但这没有任何作用.还有其他人经历过这个吗?我会继续研究这个,但如果有人克服或确定了为什么会这样,请大声说出来!提前致谢

javascript animation angularjs

57
推荐指数
2
解决办法
3万
查看次数

使用TypeScript访问Angular2中父组件中的属性

在过去的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)

typescript angular

57
推荐指数
4
解决办法
9万
查看次数

我可以以编程方式在Angular/Angular Material中移动mat-h​​orizo​​ntal-stepper的步骤

我有一个关于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)

angular-material angular-material2 angular

56
推荐指数
4
解决办法
5万
查看次数

如何在我的Angular2应用程序中列出/输出@Routes中的所有路由

我有一个快速的问题.我目前正在浏览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)

typescript angular

44
推荐指数
6
解决办法
2万
查看次数

如何选择不到1年的记录?

这应该是一个相当简单的问题,但我对SQL知之甚少.我有一个数据库,其中包含以下字段:

  • client_id
  • scheduled_amount
  • deposit_amount
  • message_code_id
  • note_text
  • system_date

现在,我希望从运行SQL语句时选择少于1年的所有记录.我知道我应该使用DateDiff,任何人都有任何想法?

谢谢

sql t-sql sql-server

26
推荐指数
1
解决办法
4万
查看次数

Angular2和TypeScript:错误TS2322:类型'响应'不能分配给'UserStatus'类型

我正在使用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)

typescript angular

16
推荐指数
2
解决办法
5万
查看次数

JavaScript中的内存泄漏:它们是什么,如何发现它们,如何创建它们

我刚刚为新开发人员提供了一些采访,JavaScript是我角色的主要部分,也是我们招聘的角色.说实话,候选人不是那么好,他并不真正理解JavaScript,但在采访中他把JavaScript与C#混淆,并开始讨论JS中的内存泄漏.我想干预,但是在那一点上,我意识到我对JS中的内存泄漏知之甚少,除了它们占用了大量内存并减慢了速度.

在采访中考虑这一点时,我唯一记得的是OReilly的Def Guide(认为是第四版)提到Mark和Sweep Garbage Collections.但自从我读到这篇文章以来,这种情况一直在消退,我无法真正扩展.我发现很少有关于这个主题的内容很简洁(除了Crockford的一篇文章并不清楚).

有人可以尽可能简单地总结一下:JS中的内存泄漏是什么,我们如何发现它们,如何创建它们 - 我多年来一直在编写JS,这完全打破了我的知识和信心,因为我从来没有真的想过这个!

javascript

10
推荐指数
1
解决办法
697
查看次数

FormData未定义 - Firefox 3.6.28替代方案

我有一份非常出色的工作,不得不完成最初给承包商的工作,但从未完成.不是问题但我现在被告知系统必须支持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)

javascript jquery form-data

10
推荐指数
1
解决办法
7249
查看次数