小编Wes*_*zee的帖子

ngFor with index作为属性中的值

我有一个简单的ngFor循环,它也跟踪电流index.我想将该index值存储在属性中,以便我可以打印它.但我无法弄清楚它是如何工作的.

我基本上有这个:

<ul *ngFor="#item of items; #i = index" data-index="#i">
    <li>{{item}}</li>
</ul>
Run Code Online (Sandbox Code Playgroud)

我想存储#i属性中的值data-index.我尝试了几种方法,但没有一种方法有效.

我在这里有一个演示:http://plnkr.co/edit/EXpOKAEIFlI9QwuRcZqp?p = preview

如何将index值存储在data-index属性中?

ngfor angular

478
推荐指数
8
解决办法
69万
查看次数

KeyGenerator线程安全吗?

我想知道我是否只能实例化javax.crypto.KeyGenerator一次,然后在多线程环境中使用此实例.

它的JavaDoc文档没有说明它的线程安全性.或者使用ThreadLocal<KeyGenerator>方法会更好?

更新:一个相关的问题是SecureRandom线程是否安全? 虽然JavaDoc没有声明该类是线程安全的,但是社区仍然认为它线程安全的,从实际的角度来看这是非常重要的.我想知道KeyProvider的相同内容.

java multithreading cryptography thread-safety

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

Angular - 关闭带有事件的模态窗口

我想在模式窗口中单击关闭按钮时触发一个事件。按钮有属性data-dismiss="modal",不调用click事件。是否有可能有数据关闭和click事件或只有click事件和关闭类的模式?

<div class="modal-dialog">
 <div class="modal-content">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" (click)="close()">&times;</button>
    <h4 class="modal-title">{{modalHeader}}</h4>
  </div>
 </div>
</div>


close() {
    //Can I close modal window manually?
    this.onClose.emit();
  }
Run Code Online (Sandbox Code Playgroud)

方法close不调用,因为按钮有data-dismiss属性。

谢谢

angular

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

输入变量未从模板的 @Input 属性中获取值。角 5

我正在用prime-ng实验尝试一些angular 5,我发现了一些困难(相对于angular 5),我用下一个模板制作了一个组件:

<p>Chemi-tabla works! Y ahora un mensage de nuestros patrocinadores: {{this.nombre}}</p>
<p-dataTable [value]="_postsArray" [loading]="loading"
   loadingIcon="fa-spinner" [rows]="10" [paginator]="true" 
   [multiSortMeta]="multiSortMeta" selectionMode="Single" [(selection)]="selectedUserInfo">
    <p-header>Cabecera de la Chemi Tabla.</p-header>
    <p-footer>Lo de abajo de la chemi tabla, vamos lo que va arrastrando.</p-footer>
    <p-column selectionMode="single"></p-column>
    <p-column field="userId" header="Usuario ID" sortable="true" [filter]="true" filterPlaceholder="Search"></p-column>
    <p-column field="id" header="IDE" sortable="true" [filter]="true" [filter]="true" filterPlaceholder="Search"></p-column>
    <p-column field="title" header="Título" sortable="true" [filter]="true" filterMatchMode="contains"></p-column>
    <p-column field="body" header="Body" sortable="true" [filter]="true" filterMatchMode="contains"></p-column>
</p-dataTable>
Run Code Online (Sandbox Code Playgroud)

但是这条线:

<p>Chemi-tabla works! And now a message: {{this.nombre}}</p>
Run Code Online (Sandbox Code Playgroud)

没有在 {{this.nombre}} 中打印 anithing,如果我调试组件中的代码,它的值是未定义的。 …

typescript angularjs-scope angular

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

使用Ionic2动态添加图标名称

我正在尝试动态地将图标名称添加到我的Ionic 2应用程序中,原因是我的模型上有一个属性列表,它们是动态的,模型将图标名称返回到离子2应用程序.

这是我从API获得的响应.

{
  "type": "searchresult",
  "count": 1,
  "results": [
    {
      "type": "room",
      "url": "/api/room/1",
      "id": 1,
      "name": "name1",
      "attributes": [
        {
          "type": "attribute",
          "url": "/api/room/1/attribute/1",
          "name": "attribute1",
          "icon": "people",
          "valueType": "bool",
          "value": "true"
        },
        {
          "type": "attribute",
          "url": "/api/room/1/attribute/3",
          "name": "attribute2",
          "icon": "desktop",
          "valueType": "bool",
          "value": "true"
        },
        {
          "type": "attribute",
          "url": "/api/room/1/attribute/4",
          "name": "attribute3",
          "icon": "md-videocam",
          "valueType": "bool",
          "value": "true"
        },
        {
          "type": "attribute",
          "url": "/api/room/1/attribute/5",
          "name": "attribute4",
          "icon": "icon-chair",
          "valueType": "int",
          "value": "200"
        }
      ]
    }
  } …
Run Code Online (Sandbox Code Playgroud)

typescript ionic2 angular

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

Angular 5绑定到数组中的特定项目

我有一个以Angular模板驱动形式的国家/地区

"countries" : [  
   {  
      "id":1,
      "code":"NL"
   },
   {  
      "id":2,
      "code":"US"
   }
]
Run Code Online (Sandbox Code Playgroud)

我在模型中有一个选定的ID:2

我想将值“ US”绑定到div中。像这样:

<div>{{countries[id==model.countryId].code}}</div>
Run Code Online (Sandbox Code Playgroud)

角度5可能吗?我在网上看到数组的过滤器管道不再存在于角度中。

我让它像这样工作,但这不是很好,我会说:

<ng-container *ngFor="let country of countries">
   <div *ngIf="country.id==parentModel.countryId">{{country.code}}</div>
</ng-container>
Run Code Online (Sandbox Code Playgroud)

arrays model-binding angular2-template angular

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

为什么$()适用于Google?

我没有在我的HTML页面上包含jQuery文件,但仍然$()在谷歌C​​hrome控制台中工作,它充当选择器,为什么?但是,jQuery的功能不起作用,但我想知道为什么$()要使用谷歌Chrome控制台?

html jquery google-chrome

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

创建一个类 Angular 2 的数组

我需要使用 Angular 2 和 TypeScript 创建一个类的数组。

import { ClassX } from '...';    

public ListX: ClassX[];
Run Code Online (Sandbox Code Playgroud)

一旦我有了列表,我想添加更多的空实例 ClassX

action() {
  this.ListX.push(ClassX);
}
Run Code Online (Sandbox Code Playgroud)

这将向ClassX前端添加一个新实例

typescript angular

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

如何使用PM2运行多个应用程序?

我想使用PM2运行我的angular4应用,它将运行,但是当我关闭终端时,它将停止。

  1. 在这台服务器上已经运行了一个应用程序,它可以正常运行, 但是在我的应用程序中,当我打开终端时它将运行,否则它将停止

    pm2启动server.js

我正在使用此命令运行我的应用程序,但是当我立即关闭终端时,它将停止,因此如何使用PM2永久运行此应用程序。

node.js pm2 angular

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