小编Fet*_*rij的帖子

角度材料2,更改datepicker日期格式"MM/DD/YYYY"到"DD/MM/YYYY"奇怪的行为

我只是尝试将角度材料2日期选择器默认日期格式MM/DD/YYYY更改为DD/MM/YYYYDD.MM.YYYY或至少DD-MM-YYYY

根据这个问题并在文档中提到

providers: [{provide: MD_DATE_FORMATS, useValue: MY_NATIVE_DATE_FORMATS}]

所以尝试了以下方法

方法1 plunkr:进入DD-MM-YYYY格式

方法2 plunkr:获取DD.MM.YYYY格式

方法3 plunkr:获得DD/MM/YYYY格式

但是上面的每个方法都工作正常,直到我选择日期 1到12,

例如:今天日期是2017年9月25日,如果我选择2017年9月12日作为日期,那么再次点击datepicker按钮我可以看到日历日期,截至2017年11月9日(09/11/2017)而不是(11/09)/2017),这似乎是默认日期格式没有正确覆盖

datepicker angular-material2 angular

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

如何在角度2+的bootstrap模式中创建谷歌自动完成?

我正在使用角谷歌地图(agm)我通过以下方式创建谷歌自动完成.

在HTML中

  <input type="text" #pick id="address" class="form-control" [(ngModel)]="pickAddress" name="pickAddress" (ngModelChange)="pickAdd()" placeholder="Pick Up Address" onclick="return false" style="padding-left: 30px;border-radius: 25px;border: 1px solid #31708f;"
Run Code Online (Sandbox Code Playgroud)

在Ts文件中:

pickAdd() {
  var autocomplete:any;
  var options = { componentRestrictions: {country: "IN"} };
  this. inputAddress = document.getElementById('address');
  autocomplete = new 
  google.maps.places.Autocomplete(this.inputAddress,options)
  google.maps.event.addListener(autocomplete, 'place_changed', ()=> {
    this.ngZone.run(() => {
      this.zoom=8;
      var place = autocomplete.getPlace();
      this.lat = place.geometry.location.lat();
      this.lng = place.geometry.location.lng();
      this.getGeoLocation(this.lat,this.lng);
    });
  });
}
Run Code Online (Sandbox Code Playgroud)

CSS:

sebm-google-map {
    height: 300px;
}
Run Code Online (Sandbox Code Playgroud)

如果我将上述代码放在bootstrap模式中,则谷歌自动完成功能无效

注意:

上面的代码工作没有bootstrap模式(在普通视图中)

twitter-bootstrap google-places-api ngx-bootstrap angular

11
推荐指数
1
解决办法
1358
查看次数

在组件中使用 ngx-translate

我使用 ngx-translate 在视图中没有问题,使用管道。我需要做的是在组件中使用它,例如显示错误消息,或定义数据表列默认内容。

我正在尝试执行以下操作:

translate.instant("AREA.NEW");
Run Code Online (Sandbox Code Playgroud)

或者

translate.get("AREA.NEW").subscribe((res: string) => {
    console.log(res);
});
Run Code Online (Sandbox Code Playgroud)

我试过在 ngOnInit() 和 ngAfterViewInit() 中调用它

但在这两种情况下,我都只得到“AREA.NEW”,而不是翻译后的词。我假设 json 字典是在我调用后加载的,所以我不知道它是如何工作的。

javascript ngx-translate angular

9
推荐指数
1
解决办法
6909
查看次数

highcharts-angular:无法读取未定义的属性"图表"

我试图在我的角度应用程序中实现highcharts-angular(https://github.com/highcharts/highcharts-angular)并得到以下错误

Cannot read property 'chart' of undefined
at HighchartsChartComponent.updateOrCreateChart (highcharts-chart.component.ts:35)
Run Code Online (Sandbox Code Playgroud)

我想使用bellcurve模块,但我无法使用它.

我试图使用stackblitz重新创建我的问题

请参阅https://stackblitz.com/edit/angular-unf7pz

不确定是什么问题

highcharts angular

6
推荐指数
1
解决办法
3164
查看次数

'TypeError:Path必须是一个字符串.在角度环境中运行npm run start.android之后收到undefined'

所以使用https://github.com/NathanWalker/angular-seed-advancednpm run start.android时使用android运行项目.我安装了所有依赖项并正确准备了项目.npm install

不幸的是,在使用命令后我收到了一个错误TypeError: Path must be a string. Received undefined.

我尝试在网上搜索解决方案,但我无法做任何这些,因为我不太明白为什么会发生这种情况.

运行tns doctor --log tail显示安装移动环境(android和ios)存在问题,因此它会自动提示我尝试通过安装多个依赖项和软件包来修复它.

其中这些更改$ANDROID_HOME也被添加到bash配置文件中,但奇怪的是虽然我从sdk 18到25安装了android sdk,但它似乎正在运行tns doctor --log tail给我一条消息"你需要安装至少android SDK 22".

我该怎么做才能解决这个问题?你需要更多的信息?

到现在为止,我已经过多地浪费了我的时间,我真的不知道该怎么做.

非常感谢您的帮助

android nativescript angular2-nativescript angular

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

如何使用agm-map&agm-polyline将折线的颜色与角度2交替?

我在我的角度2车辆跟踪应用程序中使用agm map.这里我使用agm-map来显示地图.我有一个名为Playback Component的组件,表示用户可以查看从特定日期和时间到另一个的车辆特别的日期和时间.现在一切正常.我需要提供一个选项以及称为最大速度的日期和时间,这意味着用户可以在地图中查看车辆在用户输入的行程之上最大速度(例如,用户将最大速度设为50,单独的旅行点应以红色突出显示).

我试过以下,

    <agm-map [latitude]="lat" [longitude]="lng" [zoom]="zoom" [mapTypeControl]="true">
        <agm-marker [latitude]="latlngMarker.latitude" [longitude]="latlngMarker.longitude">
        </agm-marker>
        <agm-polyline  [strokeColor]="'#2196f3'">
            <ng-container *ngFor="let i of latlng">
            <agm-polyline-point *ngIf = "i.speed < maxSpeed " [latitude]="i.latitude" [longitude]="i.longitude">
            </agm-polyline-point>
        </ng-container>
        </agm-polyline>
        <agm-polyline  [strokeColor]="'red'">
            <ng-container *ngFor="let i of latlng">
            <agm-polyline-point *ngIf = "i.speed > maxSpeed " [latitude]="i.latitude" [longitude]="i.longitude">
            </agm-polyline-point>
        </ng-container>
        </agm-polyline>
    </agm-map>
Run Code Online (Sandbox Code Playgroud)

结果就像在图像中一样.

在此输入图像描述

但我想要的就像这张图片,

在此输入图像描述

此图像显示红色的旅行点以及蓝色点,车辆行驶的速度超过最大速度,我也需要输出,就像在第二个图像中一样.通过agm map poly point帮助我实现所需的结果.

google-maps google-maps-api-3 google-maps-markers typescript angular

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

有没有办法在Angular 4中使用"模板引用变量"?

我试图找出如何在.pug模板中使用模板引用变量.

例如:div(#var)将抛出错误:

compiler.es5.js:1694 Uncaught Error: Template parse errors: There is no directive with "exportAs" set to "#var" (" ... 
Run Code Online (Sandbox Code Playgroud)

原因是哈巴狗会呈现为:

<div #var="#var"> ...
Run Code Online (Sandbox Code Playgroud)

然后Angular会失败.

pug angular

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

Ionic 3 File插件,无法在设备上写入文件

我正在使用离子3和文件插件做一个应用程序,我试图写一个json字符串到我的资产文件夹下的json文件,这个层次结构:-assets - > mock - > msg-list.json,资产为来自离子文件的文件夹.

使用文件插件时:

this.file.writeExistingFile("file://android_asset/www/assets/mock/","msg-list.json",JSON.stringify(data))
            .catch(
              error => {
                console.log(error);
              }
          );
Run Code Online (Sandbox Code Playgroud)

我总是得到代码1000的错误,这是坏网址的一个,我确实删除文件后的"/":(已经有3)仍然得到1000代码错误.

我该怎么办 ?

android json ionic-framework ionic3 angular

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