小编Ali*_*ade的帖子

如何使用*ngIf检查角度2模板中的空对象

我想检查我的对象是否为空,不要渲染我的元素,这是我的代码:

<div class="comeBack_up" *ngIf="previous_info != {}">
   <a 
      [routerLink]="['Inside_group_page',{'name':previous_info.path | dotTodash }]"
      >
        {{previous_info.title}}
   </a>
</div>
Run Code Online (Sandbox Code Playgroud)

但是我的代码错了,最好的方法是什么?

javascript typescript angular

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

当*ngFor以角度2结束时执行函数

我试图用角度2创建一个应用程序,我想在*ngFor中呈现最后一个元素时,执行一个函数,像这样:

<ul>
  <li *ngFor="#i of items">{{i.text}}</li> <==== i want when this completed, execute a functuon in my class
</ul>
Run Code Online (Sandbox Code Playgroud)

谢谢.

javascript angular

30
推荐指数
3
解决办法
2万
查看次数

如何在angular 2中使用underscore.js库

我尝试使用angular 2创建一个应用程序,并希望在我的.ts文件中使用underscore.js库,例如当我想要使用此函数时:

   let myId = _.rest([5, 4, 3, 2, 1]);
Run Code Online (Sandbox Code Playgroud)

_是没有定义和抛出错误,我不想 declare var _ : any;在我的模块中使用

typescript angular

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

如何以角度2取消订阅多个订阅者

我有另一个组件的shareService和subscribe:

import { Component, Input, OnDestroy } from '@angular/core';
import { MissionService } from './mission.service';
import { Subscription }   from 'rxjs/Subscription';
@Component({
  selector: 'my-astronaut',
  template: `
    <p>
      {{astronaut}}: <strong>{{mission}}</strong>
      <button
        (click)="confirm()"
        [disabled]="!announced || confirmed">
        Confirm
      </button>
    </p>
  `
})
export class AstronautComponent implements OnDestroy{
  @Input() astronaut: string;
  mission = "<no mission announced>";
  confirmed = false;
  announced = false;
  subscription:Subscription;

  constructor(private missionService: MissionService) {
    this.subscription = missionService.missionAnnounced$.subscribe(
      mission => {
        this.mission = mission;
        this.announced = true;
        this.confirmed = false;
    })




  } …
Run Code Online (Sandbox Code Playgroud)

javascript rxjs angular

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

如何在[routerLink] angular 2中传递路由参数

我正在尝试用角度2创建一个应用程序,并且想要传递params来标记[routerLink]中的一个,我想要像这样的链接:

<a href="/auth/signup?cell=1654654654"></a>
Run Code Online (Sandbox Code Playgroud)

我不知道如何传递cell模板......

angular-routing angular angular-routerlink

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

如何在angular2中订阅localstorage中的项目,当更改时,获取值

我正在尝试用angular 2创建一个应用程序,我的问题是如何从本地存储订阅一个项目...我知道我必须使用一个服务,只能通过这个服务从任何地方访问LocalStorage,但我不知道如何做到这一点.

typescript angular

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

如何在反应本机路由器流量中更改“后退箭头”的颜色?

如何在反应本机路由器流量中更改Backbutton的颜色? 在此处输入图片说明

我尝试backButtonBarStyle但不工作...我找不到任何解决方案.tnx为您提供帮助

<Scene key="app"  navigationBarStyle={{backgroundColor: '#1e2226',borderBottomColor:"#1e2226"}}  titleStyle={{color : "#FFF"}}>
    <Scene  key="welcome" component={LauchContainer} title="Welcome" />
    <Scene key="ProductDetail"  backButtonBarStyle={{color : "#FFF"}} component={ProductDetail} />
  </Scene>
Run Code Online (Sandbox Code Playgroud)

reactjs react-router react-native react-redux

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

为什么*ngIf in angular 2总是在使用功能时执行?

我正在尝试使用angular 2创建一个应用程序,并在我的应用程序中有一个auth服务,我的html模板是这样的:

 <header>
    <div *ngIf="isLogin()"><a href="">profile</a></div>
    <div *ngIf="!isLogin()"><a href="">register</a></div>
    <div *ngIf="!isLogin()"><a href="">signin</a></div>
    </header>

**and this is my class :** 

@Component({
    selector: 'main-menu',
    templateUrl: '/client/tmpl/menu.html',
    directives: [ROUTER_DIRECTIVES]
})
export class Menu extends Ext {

    public items: any;

    constructor(private _util: UtilService, private _user: UserService) {
        super();


    }

    public isLogin() {

        console.log("test");  <==== my problem is here
        return this._user.authorized();

    }


}
Run Code Online (Sandbox Code Playgroud)

总是我的功能正在执行!(在我的身份验证服务中,我还有其他功能,他们也在运行)!这是为了使用*ngif内的功能?? !!! 我担心我的资源,我想知道它的问题与否?

javascript typescript angular

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

角度2中的样式绑定backgrounImage抛出错误

我正在尝试使用angular 2创建一个应用程序,这是我的模板:

<div class="cover_user_profile"
       [style.backgroundImage]="model.cover ? url(model.cover) : url('client/img/profile_user/test.png') ">
</div>
Run Code Online (Sandbox Code Playgroud)

我认为angular2认为url()是一个函数并抛出错误......这个问题的解决方案是什么?

angular

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

输入角度2中的更改事件不起作用

我想当用户输入输入时执行一个功能,像这样:

<input
   id="cell"
   type="text"
   name="cell"
   ngControl="cell"
   (change)="topersian($event)"
>

topersian($event){
  $event.currentTarget.value = $event.currentTarget.value.toPersianNumber();
}
Run Code Online (Sandbox Code Playgroud)

我不想使用,(keypress)或者(keyup)因为用户可以看到英文号码。

我使用[(ngModelChange)]但无法访问$event,只是获得价值!如何解决这个问题?还是有人有更好的解决方案?

javascript angular

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