小编Pat*_*t M的帖子

如何捆绑Angular应用程序进行生产

我想在这个帖子中跟踪和更新最新的(并且希望是最简单的)方法来捆绑Angular(版本2,4,...)以便在实时Web服务器上进行生产.

请在答案中包含Angular版本,以便我们可以更好地跟踪它何时转移到更高版本.

systemjs webpack angular-cli angular

337
推荐指数
6
解决办法
18万
查看次数

角动态背景图像

在html模板中,我有这种风格的动态图像:

<div style="background: url('/img/{{item.img}}'); width: 200px; height: 150px"></div>
Run Code Online (Sandbox Code Playgroud)

哪个适用于Web浏览器和Android浏览器.但是,使用"style ="动态的背景图像不会在iPad上显示.

我总是可以使用img标签创建动态图像,但我正在寻找适用于iPad的样式/ CSS解决方案.

css styles ipad angular

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

Angular2 ngFor - 如果没有值则跳过

我有这个json对象:

data = {

  "name": "somename",
  "items": [
    {
      "title": "Item 1",
      "description": "Some description for item1"
    },
    {
      "title": "Item 2",
      ""
    },
    {
      "title": "Item 3",
      "description": "Some description for item3"
    }
  ]
}
Run Code Online (Sandbox Code Playgroud)

使用rc2,*ngFor和仅显示具有描述的项目的推荐方法是什么?

Html模板:

<li *ngFor="let item of data.items" class="item">
        <div>{{item.title}}</div>
        <div>{{item.description}}</div>
</li>
Run Code Online (Sandbox Code Playgroud)

angular

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

Angular2 - 如何使用带动态网址的路由器

假设我有这个嵌套的itemListComponent,它是rootComponent的子节点,使用以下模板:

<span *ngFor="#item of list">
    <a [routerLink]="[item.url]">{{item.title}}</a> |
</span>
Run Code Online (Sandbox Code Playgroud)

从Json服务提供的路径item.url可以具有以下路径结构之一:

  • / category1 /(内容id)/(用短划线( - )连接的标题)
  • / category2 /(内容id)/(用短划线( - )连接的标题)
  • / category3 /(内容id)/(用短划线( - )连接的标题)

例子:

category2/987654/hello-world
category2/123456/hi-teacher
category3/554433/yo-brother
Run Code Online (Sandbox Code Playgroud)

如何实现@RouteConfig以便这些链接使用itemDetail组件?

对不起,如果这看起来不是很详细.我没有找到一个明确的如何引导路由由具有完整路径的服务(未组装的路径)提供的URL

angular

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

Angular 2/4/5在表达式中显示带后缀(st,rd和th)的日期

在Angular 2/4/5/...中添加后缀(st,rd和th)到日期的最佳"Angular方式"是什么?

例如:2月25日,3月1日,4月2日的Angular表达式{{item | 日期:???}}

Angular Date Pipe doc中似乎没有涵盖后缀选项.

angular

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

如何使用Angular2跟踪Google Analytics中的事件

我已经使用Angular2 /sf/answers/2773600231/在Google Analytics中实现了此页面跟踪解决方案,效果很好.

我怎么能用

            ga('send', {
                hitType: 'event',
                eventCategory: 'Some Category',
                eventAction: 'Level Completed',
                eventLabel: 'Level 3'
            });
Run Code Online (Sandbox Code Playgroud)

在一个组件内?

此代码在组件中工作,但控制台中存在"无法找到ga"错误.

google-analytics typescript angular

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