小编Ann*_*a F的帖子

如何在Typescript中连接字符串和数字

我正在使用方法来获取数据

function date() {
    let str = '';

    const currentTime = new Date();
    const year = currentTime.getFullYear();
    const month = currentTime.getMonth();
    const day = currentTime.getDate();

    const hours = currentTime.getHours();
    let minutes = currentTime.getMinutes();
    let seconds = currentTime.getSeconds();
    if (month < 10) {
        //month = '0' + month;
    }
    if (minutes < 10) {
        //minutes = '0' + minutes;
    }
    if (seconds < 10) {
        //seconds = '0' + seconds;
    }
    str += year + '-' + month + '-' + …
Run Code Online (Sandbox Code Playgroud)

javascript concat typescript

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

如何在Angular2中静音和取消静音?

我的Angular项目中有声音,如下所示:

introInfo() {
   this.audio.src = '../assets/sound1.wav';
   this.audio.load();
   this.audio.play();
 }

 feedbackInfo() {
   this.audio.src = '../assets/sound1.wav';
   this.audio.load();
   // auto-start
   this.audio.play();
 }
Run Code Online (Sandbox Code Playgroud)

我希望能够将所有声音静音.如果我单击模板中的按钮:

<img class="grow" id="mute" [src]='mute' (click)="muteF()"/>
Run Code Online (Sandbox Code Playgroud)

我怎么能写我的功能muteF?如果我点击按钮,我想静音.如果我再次单击,则必须执行取消静音.

javascript audio-player angular

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

Angular 2 和 LeafLet Uncaught ReferenceError: &lt;function&gt; 未在 HTMLButtonElement.onclick 中定义

我在 Angular 2 中有一个带有 Leaflet 的项目,我想通过单击按钮来调用简单的函数,但是我得到了

ReferenceError: <function> is not defined at HTMLButtonElement.onclick
Run Code Online (Sandbox Code Playgroud)

这是我的代码。一切正常,但功能不行。

export class MapComponent implements OnInit {

//layer
  googleStreets = L.tileLayer('http://{s}.google.com/vt/lyrs=m&x={x}&y={y}&z={z}',{
    maxZoom: 30,
    subdomains:['mt0','mt1','mt2','mt3']
  });
//!!!The FUNCTION
  test() {
    console.log('test');
  }
constructor () {}

ngOnInit() {
  this.ParseService.getJ().subscribe(data => {
    this.myData = JSON.parse(data);

//set markers and popUps
for(let i = 0; i < this.myData.length; i++) {
  let lat =+((this.myData[i])['lat']);
  let lng =+((this.myData[i])['lng']);
  this.id = (this.myData[i])['code'];

//HERE IS THE PROBLEM. BUTTON APPEARS BUT FUNCTION IS NOT AVAILABLE 
      let popUp …
Run Code Online (Sandbox Code Playgroud)

javascript leaflet typescript angular

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

在模板中的 Angular 2 中随机排列对象的对象或随机显示元素

我有一个具有如下结构的对象的对象:

在此输入图像描述

我在 Object.keys 的帮助下显示模板中的所有图像

在组件中我有:

this.objectKeys = Object.keys;
Run Code Online (Sandbox Code Playgroud)

在模板中:

this.objectKeys = Object.keys;
Run Code Online (Sandbox Code Playgroud)

目前一切正常,但我想随机播放我的图像,因此每次刷新页面时,图像都会更改其顺序。

我知道,对象没有定义的顺序,因此不可能操作组件中的数据。我不想制作它的数组,因为对象的想法是快速搜索对象(将来我将拥有成千上万的图像,并且在这种情况下循环数组并不是一个好的解决方案,所以我喜欢保留对象而不是数组)

我的问题是:这里可能有什么解决方案?是否有可能在不接触组件的情况下直接在模板中重新排序图像?或者也许有某种方法可以随机排列对象?

javascript javascript-objects typescript angular

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

Angular 2 音频不会因更改组件而中断

我想在这段代码的帮助下播放音频,它工作得很好

  ngOnInit () {
    const a = new Audio();
    a.src = '../../assets/hello.wav';
    a.load();
    // auto-start
    a.play();
  }
Run Code Online (Sandbox Code Playgroud)

但是,当我单击“下一步”按钮时,这会将我带到下一页(因此我在路由的帮助下更改了我的组件),音频不会停止(不会中断),并且音频中的音乐也会在下一页上播放。我应该在代码中添加什么才能通过更改分页符音频来实现?

audio typescript angular

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

如何在Angular2中为输入占位符编写* ngIf?

我有一个模板

<ng-container *ngFor="let text of texts[i]; let j = index">{{text}}
  <input type="text">
      </ng-container>
Run Code Online (Sandbox Code Playgroud)

我也有一个数组 myWords

myWords = ['orange', 'blue', 'green'];
Run Code Online (Sandbox Code Playgroud)

我怎么能像占位符一样插入这些词,但仅在特殊情况下,例如

this.app-part
Run Code Online (Sandbox Code Playgroud)

我的应用程序包含3个部分,但我只希望myWords在第3部分中有一个占位符(来自的单词),如果我有第1或第2部分,则在那里不需要任何占位符。

angular-ng-if angular

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

HTML5 本地存储 Angular 2

我现在第一次尝试在 Angular2 中实现本地存储,但有点困惑。

所以,我有第一个组件,我在那里注册我的用户

export class FormComponent {
  modus = ['first', 'second'];
  model: User = new User('', '', '');
  constructor(private _cookieService: CookieService) {}
}
Run Code Online (Sandbox Code Playgroud)

这是我使用的课程 FormComponent

export class User {
  constructor (
    public email: string,
    public name: string,
    public modus: string
  ) {}
}
Run Code Online (Sandbox Code Playgroud)

我绑定它,形式上的一切都很好。现在我想将它存储在本地存储中(3 个参数User

但我怎么能这样做呢?

我在用户注册后离开此页面并转到其他页面,例如

export class Part1Component {
  public email;
  public name;
  public modus;

  constructor(private _location: Location) {}
     myTestFunction(){

    /* assign values here
       this.email = ;
       this.name = ;
       this.modus = ;
   */
       } …
Run Code Online (Sandbox Code Playgroud)

javascript local-storage typescript angular

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

如何通过NodeJs中的_id从MongoDB中的集合中删除许多文档

我有一个_id数组,例如

["a12s", "33qq", "121a"]
Run Code Online (Sandbox Code Playgroud)

我知道,MongoDB中有两种方法,例如deleteMany,我可以在其中通过特定查询进行删除

  var myquery = { address: 'abc' };
  dbo.collection("customers").deleteMany(myquery, function(err, obj) {
    if (err) throw err;
  });
Run Code Online (Sandbox Code Playgroud)

deleteOne,在这里我可以删除一个特定的选定文档。

我想从给定的数组中删除带有ID的文档,但在文档中找不到任何与此相关的内容。MongoDB中可能吗?

javascript mongodb node.js

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

Angular2中路由器的延迟

我有这个代码,它有两个功能: say()将播放音乐(已实现并且有效)并router指向下一页(它也有效)

go_next() {
     this.say(); // audio
     this.router.navigate( ['app'], { queryParams: { 'part': this.part+1 } } ); //go to next page 
}
Run Code Online (Sandbox Code Playgroud)

但我想做的是播放音乐(需要5秒),然后转到下一页......我怎么能实现这个?...我想,我必须实现某种delay,但我可以找不到这样的参数router.navigate.

typescript angular-ui-router angular

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

从Object获取最大的密钥

我有一个对象{"1": "a", "2": "b", "3": "c"} 我怎么能得到最大键?我不需要值,只需要键,所以我希望有3个类型号

javascript typescript

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

如何从循环中排除索引数组

我有这样一个数组y:

var y = [1, 2, 3, 4];
Run Code Online (Sandbox Code Playgroud)

我想迭代数组,但排除一些索引.索引保存在第二个数组中

var x = [1,3];
Run Code Online (Sandbox Code Playgroud)

所以,我想写一个数组中的每个数字y,但不是来自数组的位置1,3上的数字x

我试图跳过这些位置上的数字,但没有成功.请你帮助我好吗?这是我试过的

for (var i = 0; i < y.length; i++) {
    for (var j = 0; j < x.length; j++) {
            if (i === x[j]) {
        continue;
     } 
    }
 console.log(y[i]);
}
Run Code Online (Sandbox Code Playgroud)

javascript arrays

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

如何在Angular2中将变量从孩子传递给孩子

我有三个组件:父模板中的父模板(P)两个子组件(C1)(C2) (它们都是P组件的组件,它们没有嵌套),它看起来像

<c1-component></c1-component>
<c2-component></c2-component>
Run Code Online (Sandbox Code Playgroud)

myVarC1(number) 中有一个变量,我想减少和增加C2组件并将该变量的新值返回给它C1(因此,我想传递的不是函数,而是变量)。我怎么能把这个变量从C1to传递过来C2?我想在没有共享服务的情况下解决这个问题。

javascript typescript angular

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