小编dot*_*dot的帖子

如何克服加载块使用Angular延迟加载模块失败

如果我对我的角度应用程序进行更改,块名称将在构建时更改,旧版本将从dist文件夹中删除.一旦部署用户当前在该站点上然后导航到该站点的另一部分,我得到一个加载块失败错误,因为旧文件不再存在.

我的应用程序是使用角度cli构建的,因此它使用webpack打包.

无论如何,这是可以克服的.

webpack code-splitting angular

14
推荐指数
4
解决办法
9134
查看次数

null不是对象(评估'__gCrWeb.form.wasEditedByUser.set')

我的角度应用程序中一直出现错误

null is not an object (evaluating '__gCrWeb.form.wasEditedByUser.set')

在我的滚动条错误日志中

它只适用于chrome ios,我相信这与自动填充有关,但我无法复制错误.

只是想知道是否可以安全地忽略

google-chrome ios angular

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

让Packery/Masonry使用angular2

我正在尝试让Packery/Masonry在一个组件上工作.Packery正在检测容器,但是它的高度为零表示内容未加载,即使我正在使用imagesLoaded.我已经尝试过使用各种生命周期钩子,但它们都有相同的结果,所以有点丢失我错的地方.

import {BlogService} from './blog.service';
import {Blog} from './blog.model';
import {Component, ElementRef, OnInit, AfterViewInit} from '@angular/core';
import {LinkyPipe} from '../pipes/linky.pipe';

declare var Packery: any;
declare var imagesLoaded: any;

@Component({
  moduleId: module.id,
  selector: 'blog',
  templateUrl: 'blog.component.html',
  providers: [BlogService],
  pipes: [LinkyPipe]
})

export class BlogComponent implements OnInit, AfterViewInit {
  blogs: Blog[];
  errorMessage: string;
  constructor(private _blogService: BlogService, public element: ElementRef) { }
  ngOnInit() {
    this.getBlogs();
  }

  ngAfterViewInit() {
    let elem = this.element.nativeElement.querySelector('.social-grid');
    let pckry;
    imagesLoaded(elem, function(instance) {
      console.log('loaded');
      pckry = new Packery(elem, { …
Run Code Online (Sandbox Code Playgroud)

packery imagesloaded masonry angular

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

使Nativescript Telerik UI RadListView在Angular中工作

TNS v2.5.0

我已经导入LISTVIEW_DIRECTIVES了我的app.module,我的模板看起来像

<ActionBar title="Events"></ActionBar>
<StackLayout orientation="vertical">
    <RadListView [items]="events">
        <template tkListItemTemplate let-event="item">
            <StackLayout orientation="vertical">
            <Image [src]="'https:' + event.image" stretch="aspectFit"></Image>
            <Label [nsRouterLink]="['/event', event.id]" [text]="event.title"></Label>
            </StackLayout>
        </template>
    </RadListView>
</StackLayout>
Run Code Online (Sandbox Code Playgroud)

但这只显示为常规ListView可以正常显示。

另外,如果我尝试一个GridLayout喜欢

<ActionBar title="Events"></ActionBar>
<GridLayout>
    <RadListView [items]="events">
        <template tkListItemTemplate let-event="item">
            <StackLayout orientation="vertical">
            <Image [src]="'https:' + event.image" stretch="aspectFit"></Image>
            <Label [nsRouterLink]="['/event', event.id]" [text]="event.title"></Label>
            </StackLayout>
        </template>
    </RadListView>
</GridLayout>
Run Code Online (Sandbox Code Playgroud)

该应用程序崩溃并显示错误消息

file:///app/tns_modules/nativescript-telerik-ui/listview/listview.js:1034:104:JS错误TypeError:未定义不是一个对象(正在评估'itemViewDimensions.measuredWidth')2月5日11:40:53 Marcuss -iMac com.apple.CoreSimulator.SimDevice.1A8C1E25-DAC0-4BA0-822E-5A6F731F1CD7.launchd_sim [31919](UIKitApplication:org.nativescript.t4g [0x7b2a] [36194]):由于分段错误而退出了服务:11

不知道我是否错过了某个地方的导入,但是文档非常粗略,因此很难确定并查看示例

listview nativescript angular2-nativescript nativescript-telerik-ui

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