小编Pro*_*ist的帖子

我以下面的格式从REST API接收日期和时间

2016-01-17T:08:44:29+0100

我想格式化这个日期和时间戳

17-01-2016 08:44:29

它应该是dd/mm/yyyy hh:mm:ss

如何在TypeScript中格式化？

我以这种方式在routing.ts文件中定义了路由.

const routesapp: Routes= [
{path:'user/id', component:UserComponent}
];
export const:routing ModuleWithProviders = RouterModule.forRoot(routesapp, {useHash:true});

并在HTML中

<li class ="Some class">
    <a href= "#/user/{{id}}"> Link </a>
</li>

如何将其转换为与[routerLink]一起使用？从之前的帖子中我了解到我们无法使用[routerLink]添加插值,即[routerLink] = ['user/{{id}}']

我想在HTML中添加插值,我无法将其添加到路由文件中.另外,如何在HTML中覆盖useHash路由文件？

我正在尝试使用Angular2 http将JSON数据保存在本地系统中.

import { Injectable }     from '@angular/core';
import { Http, Response } from '@angular/http';
import { General }        from './general';
import { Observable }     from 'rxjs/Observable';

@Injectable()
export class GeneralService {
    // #docregion endpoint
    private statusUrl = './jsondata';  // URL to web API
    // #enddocregion endpoint

    // #docregion ctor
    constructor (private http: Http) {}
    // #enddocregion ctor

    // #docregion methods, error-handling, http-get
    getStatus (): Observable<General[]> {
        return this.http.get(this.statusUrl)
            .map(this.extractData)
            .catch(this.handleError);
    }
 private extractData(res: Response) {
        let body = res.json(); …

我在Angular 2中实现Ag Gird.我有一个日期列和日期排序和Ag网格只需要格式的日期类型.因此,我必须以日期的形式发送它以进行渲染.但我的输入是字符串.我的格式为2017-01-19的dateString.我正在做

let myDate:Date = moment(dateString).toDate();

但它是我2017年1月19日00:00印度标准时间的产出.我也是这样试过的

let myDate:Date = moment(dateString).format("DD/MM/YYYY");

这给了我错误字符串不能分配给日期.

也是这样尝试过的

let myDate:Date = moment(dateString,"DD/MM/YYYY");

但没有运气.我想要的是,输出的类型为日期和19-01-2017的形式

请建议

我有一个用Angular2编写的复选框示例代码.

<div class="col-sm-7 align-left" *ngIf="Some-Condtion">
    <input type="checkbox" id="mob_Q1" value="Q1" />
    <label for="mob_Q1">Express</label>
</div>

我想对上面的复选框进行单元测试.就像我想要识别复选框并测试它是否可以检查.我如何用Karma Jasmine进行单元测试？

我正在尝试使用ng2-translate翻译带有德语和英语选项的页面.

navbar.component.html

<div id="sidebar-wrapper">
    <div class="side-wrap-div">
        <div class="list-group sidebar-nav">
            <li class="list-group-item borderBottomMenu active" >
                <a href="#">{{ 'PAGE.GENERAL' | translate}}</a>
                <span class="marker-logo"></span>
                <span class="logo allgemein-logo-click" ></span>
            </li>
        </div>
    </div>
</div>

navbar.component.spec.ts

import { TestBed, ComponentFixture, async } from "@angular/core/testing";
import { DebugElement } from "@angular/core";
import { By } from "@angular/platform-browser";
import { SidenavComponent } from "../sidenav/sidenav.component";
import {TranslateService, TranslateModule} from "ng2-translate";


class TranslateServiceMock {
    private lang: string;
    public getTranslation() : string {
        return this.lang;
    }
}
describe('Navbar Component Test', () …

我有一个按钮,单击该按钮,应该使用新提供的URL打开一个新窗口.例如

<button class="btn btn-help"(click)="helpWindow($event)" type="submit"></button> 

即使在typescript文件的后端,我该如何处理？我将从REST API获取URL,并且我想打开一个带有该链接的新窗口

我正在尝试在 Angular 2 中实现路由，这些是我的文件

app.module.ts

import {Component, NgModule} from '@angular/core'
import {BrowserModule} from '@angular/platform-browser'
import {HomeComponent} from "./home.component";
import {RentedHomeComponent} from "./rented-home";
import {TenantComponent} from "./tenant.component";
import {SubTenantComponent} from "./sub-tenant.component";
import {BreadcrumbService} from "./breadcrumb.service";
import {routes, routingProviders} from "./app.routes";
import {RouterModule} from "@angular/router";
import {BreadcrumbComponent} from "./breadcrumb.component";
import {APP_BASE_HREF} from "@angular/common";

@Component({
  selector: 'my-app',
  template: `
    <h1 class="title">This is the landing page and no Breadcrumb here</h1>
    <a routerLink="/rented-home" class="btn btn-md btn-primary">View Customer Detail</a>
   <div class="row">
      <div class="col-md-12">
        <router-outlet></router-outlet>
      </div>
    <div …

I have an application in which I receive a comment string from REST Api like this

"comments":"This is a comment\nAnother comment\nOne more\nLast

I'm displaying it using p tag but it's not recognizing line breaks(\n). How to have a newline?

我正在尝试实现 ng2-translate i18n。

仪表板.组件.ts

import\xc2\xa0{ Component }\xc2\xa0from\xc2\xa0\'@angular/core\';\nimport\xc2\xa0{TranslateService}\xc2\xa0from\xc2\xa0\'ng2-translate\';\n@Component({\n\xc2\xa0\xc2\xa0\xc2\xa0\xc2\xa0selector:\xc2\xa0\'dashboard-page\',\n\xc2\xa0\xc2\xa0\xc2\xa0\xc2\xa0template:`<div>\n\xc2\xa0\xc2\xa0\xc2\xa0\xc2\xa0\xc2\xa0\xc2\xa0<h2>{{ \'HOME.TITLE\' | translate }}</h2>\n\xc2\xa0\xc2\xa0\xc2\xa0\xc2\xa0\xc2\xa0\xc2\xa0<label>\n\xc2\xa0\xc2\xa0\xc2\xa0\xc2\xa0\xc2\xa0\xc2\xa0\xc2\xa0\xc2\xa0{{ \'HOME.SELECT\' | translate }}\n\xc2\xa0\xc2\xa0\xc2\xa0\xc2\xa0\xc2\xa0\xc2\xa0\xc2\xa0\xc2\xa0<select #langSelect (change)="translate.use(langSelect.value)">\n\xc2\xa0\xc2\xa0\xc2\xa0\xc2\xa0\xc2\xa0\xc2\xa0\xc2\xa0\xc2\xa0\xc2\xa0\xc2\xa0<option *ngFor="let lang of translate.getLangs()" [value]="lang" [selected]="lang === translate.currentLang">{{ lang }}</option>\n\xc2\xa0\xc2\xa0\xc2\xa0\xc2\xa0\xc2\xa0\xc2\xa0\xc2\xa0\xc2\xa0</select>\n\xc2\xa0\xc2\xa0\xc2\xa0\xc2\xa0\xc2\xa0\xc2\xa0</label>\n\xc2\xa0\xc2\xa0\xc2\xa0\xc2\xa0</div>`\n\xc2\xa0\xc2\xa0\xc2\xa0\xc2\xa0\n})\n\nexport class DashboardComponent {\n    constructor(private translate: TranslateService) {\n        translate.addLangs(["en", "fr"]);\n        translate.setDefaultLang(\'en\');\n\n        let browserLang = translate.getBrowserLang();\n        translate.use(browserLang.match(/en|fr/) ? browserLang : \'en\');\n    }\n}\n

该文件的路径是src/main/app/dashboard/dashboard.component.ts

2 个 JSON 文件 - en.json 和 fr.json 的路径是src/main/app/assets/i18n。

我已将 TranslateModule 包含在 app.module.ts 中

但是当我运行该应用程序时，我收到 en.json 文件未找到-404 错误。我正在使用 webpack，在 webpack.common.js 中我有这样的 JSON 预加载器 …