小编Mar*_* Jr的帖子

Angular 2 - Ng使用数字代替集合

...例如...

<div class="month" *ngFor="#item of myCollection; #i = index">
...
</div>
Run Code Online (Sandbox Code Playgroud)

有可能做......

<div class="month" *ngFor="#item of 10; #i = index">
...
</div>
Run Code Online (Sandbox Code Playgroud)

...没有诉诸非优雅的解决方案,如:

<div class="month" *ngFor="#item of ['dummy','dummy','dummy','dummy','dummy',
'dummy','dummy','dummy']; #i = index">
...
</div>
Run Code Online (Sandbox Code Playgroud)

angular

166
推荐指数
8
解决办法
19万
查看次数

Angular 2 - 什么相当于Root Scope?

所有!我有这个组件,当我点击href它应该设置一个变量作为根范围,如果它是Angular 1像这样:

selector: 'my-component'
template : `
            <div (click)="addTag(1, 'abc')">`

constructor() {
    this.addTag = function(id, desc){
        myGlobalVar = { a: id, b: desc};
    };
Run Code Online (Sandbox Code Playgroud)

然后在我的父组件中,页面本身(实际上)我应该做的事情如下:

<my-component></my-component>
<p>My Component is returning me {{ ?????? }}
Run Code Online (Sandbox Code Playgroud)

做这样事情的最佳方法是什么?

angular

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

Angular 2 - EXCEPTION:TypeError:无法读取null browser_adapter.ts的属性'isSkipSelf'

全部!从beta 12更新到RC1后,我正面临着这个问题 - 我不知道发生了什么.有没有人有解决方案?

EXCEPTION:TypeError:无法读取属性'isSkipSelf'为null browser_adapter.ts:88 EXCEPTION:错误:未捕获(在保证中):TypeError:无法读取属性'isSkipSelf'为null browser_adapter.ts:78 EXCEPTION:错误:未捕获(在承诺中) ):TypeError:无法读取nullBrowserDomAdapter.logError @ browser_adapter.ts的属性'isSkipSelf':78BrowserDomAdapter.logGroup @ browser_adapter.ts:89ExceptionHandler.call @ exception_handler.ts:53(匿名函数)@ application_ref.ts:304schedulerFn @async.ts :131SafeSubscriber .__ tryOrUnsub @ Subscriber.ts:240SafeSubscriber.next @ Subscriber.ts:192Subscriber._next @ Subscriber.ts:133Subscriber.next @ Subscriber.ts:93Subject._finalNext @ Subject.ts:154Subject._next @ Subject.ts:144Subject .next @ Subject.ts:90EventEmitter.emit @ async.ts:117onError @ ng_zone.ts:138onHandleError @ ng_zone_impl.ts:90ZoneDelegate.handleError @ zone.js:327Zone.runGuarded @ zone.js:233_loop_1 @ zone.js:487drainMicroTaskQueue @ zone.js:494ZoneTask.invoke @ zone.js:4 26 browser_adapter.ts:78 STACKTRACE:BrowserDomAdapter.logError @ browser_adapter.ts:78ExceptionHandler.call @ exception_handler.ts:56(anonymous function)@ application_ref.ts:304schedulerFn @async.ts:131SafeSubscriber .__ tryOrUnsub @ Subscriber.ts:240SafeSubscriber. next @ Subscriber.ts:192Subscriber._next @ Subscriber.ts:133Subscriber.next @ Subscriber.ts:93Subject._finalNext @ Subject.ts:154Subject._next @ Subject.ts:144Subject.next @ Subject.ts:90EventEmitter.emit @ …

angular

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

Angular 2 final - 以编程方式更改URL上的路由参数

假设我实际上是页面"结果"......

HTTP://服务器/结果; dateFrom = 2016年3月11日;页= 1

我作为结果页面,我想加载页面2,但我需要在浏览器上将URL字符串设置为http:// server/results; dateFrom = 03-11-2016; page = 2以防万一如果有人决定将其加入书签.

那么,如何以编程方式更改Web浏览器地址栏上的URL参数?

ty!

angular2-routing angular

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

Angular 2 - 使用共享服务

看起来共享服务是解决许多情况的最佳实践,例如组件之间的通信或替换角度1的旧$ rootscopecope概念.我正在尝试创建我的,但它不起作用.有帮助吗?ty !!!

app.component.ts

import {Component} from 'angular2/core';
import {OtherComponent} from './other.component';
import {SharedService} from './services/shared.service';
@Component({
selector: 'my-app',
providers: [SharedService],
directives: [OtherComponent],
template: `
    <button (click)="setSharedValue()">Add value to Shared Service</button>
    <br><br>
    <other></other>
`
})
export class AppComponent { 
data: string = 'Testing data';
setSharedValue(){
    this._sharedService.insertData(this.data);
    this.data = '';
    console.log('Data sent');
}
constructor(private _sharedService: SharedService){}
}
Run Code Online (Sandbox Code Playgroud)

other.component.ts

import {Component, OnInit} from "angular2/core";
import {SharedService} from './services/shared.service';
@Component({
selector : "other",
providers : [SharedService],
template : `
I'm the other component. …
Run Code Online (Sandbox Code Playgroud)

angular2-services angular

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

Angular 2 - 从DOM中选择对象并设置焦点

我可以在文档或谷歌示例中找到这样的东西.

我在div中有很多输入框,我需要以编程方式选择一个.怎么做 ?

就像是

<div>
<input type="text" name="txt1" />
<input type="text" name="txt2" />
<input type="text" name="txt3" />
<input type="text" name="txt4" />
<input type="text" name="txt5" />
<input type="text" name="txt6" />
</div>
<button (click)="selectSample()" />

selectSample() {
    ?????????('txt3').focus();
    console.log('Button pressed, txt3 has been selected');
}
Run Code Online (Sandbox Code Playgroud)

angular

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

使用async和await与export const

我无法做到这一点......它说:等待是一个保守的词.是的,当然是......而且我想用:)

怎么了 ?

export const loginWithToken = async () => {
  return dispatch => {
    dispatch({type: SESSION_LOGIN_IN_PROGRESS, payload: true})
    let storedData = await ReadFromLocalDB('user')
    console.log(storedData)
    if (!storedData) {
        invalidToken(null, dispatch)
    }
    else {
        storedData = JSON.parse(storedData)
        SessionLoginWithToken(storedData.session.token).then(res => {
            console.log(res)
            loginSuccessfully(res, dispatch, true)
        })
    }
  }
}
Run Code Online (Sandbox Code Playgroud)

我的ReadFromLocalDB是这样的:

export const ReadFromLocalDB = async (key) => {
   return AsyncStorage.getItem(key)
}
Run Code Online (Sandbox Code Playgroud)

它回报了一个承诺

javascript reactjs react-native

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

如何切换 Blazor 中的主布局?

当用户按下包含登录名的左上角链接的登录链接时,我试图将其存档:

\n

在此输入图像描述

\n

但相反,我收到的是:

\n

在此输入图像描述

\n

换句话说:我想进入一个没有主布局导航栏的页面。如何存档?

\n

MainLayout.razor

\n
inherits LayoutComponentBase\n\n<div class="page">\n  <div class="sidebar">\n      <NavMenu />\n  </div>\n\n  <div class="main">\n    <div class="top-row px-4">\n        <a href="/login" target="_blank" class="ml-md-auto">Login</a>\n    </div>\n    <div class="content px-4">\n        @Body\n    </div>\n  </div>\n</div>\n
Run Code Online (Sandbox Code Playgroud)\n

登录.razor

\n
@page "/login"\n<style>\n#login .container #login-row #login-column #login-box {\n    margin-top: 120px;\n    max-width: 600px;\n    height: 320px;\n    border: 1px solid #9C9C9C;\n    background-color: #EAEAEA;\n }\n\n    #login .container #login-row #login-column #login-box #login-form {\n        padding: 20px;\n    }\n\n        #login .container #login-row #login-column #login-box #login-form #register-link {\n            margin-top: -85px;\n        }\n</style>\n<div id="login">\n    <h3 …
Run Code Online (Sandbox Code Playgroud)

blazor blazor-client-side

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

离子2 - 如何通过滑动手势防止离子幻灯片上的页面更改?

我在许多不同的资源中看到了解决方案,包括Stack Overflow.这部分对我有用:我无法向左或向右滑动以切换页面.没关系 !但是,如果用户单击按钮,按住按钮并滑动,这将导致分页.(我只是使用Android进行测试)

根据许多来源的解决方案是:

<ion-slides [options]="{onlyExternal: false}">
</ion-slides>
Run Code Online (Sandbox Code Playgroud)

让我用截图来说明这一点......

在此输入图像描述

如果我在这里滑动,什么都不会发生

现在,如果我按住并滑动红色按钮,这将导致分页.

在此输入图像描述

pagination android ionic-framework ionic2

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

如何让 Typescript 抛出运行时错误?

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
 constructor() {
   console.log(this.getColor(1000))
}
getColor(c:String) {
  return c
}
}
Run Code Online (Sandbox Code Playgroud)

我的文本编辑器在 1000 下方画了一条红线,内容如下: Argument of type '1000' is not assignable to parameter of type 'String'.ts(2345)

好的...但是我的应用程序仍然执行,并且我可以在控制台上得到结果。

有没有办法让 Angular 和/或 Typescript 来防止在这样的场景中执行?

typescript angular

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