...例如...
<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)
?
所有!我有这个组件,当我点击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)
做这样事情的最佳方法是什么?
全部!从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 @ …
假设我实际上是页面"结果"......
HTTP://服务器/结果; dateFrom = 2016年3月11日;页= 1
我作为结果页面,我想加载页面2,但我需要在浏览器上将URL字符串设置为http:// server/results; dateFrom = 03-11-2016; page = 2以防万一如果有人决定将其加入书签.
那么,如何以编程方式更改Web浏览器地址栏上的URL参数?
ty!
看起来共享服务是解决许多情况的最佳实践,例如组件之间的通信或替换角度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) 我可以在文档或谷歌示例中找到这样的东西.
我在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) 我无法做到这一点......它说:等待是一个保守的词.是的,当然是......而且我想用:)
怎么了 ?
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)
它回报了一个承诺
当用户按下包含登录名的左上角链接的登录链接时,我试图将其存档:
\n\n但相反,我收到的是:
\n\n换句话说:我想进入一个没有主布局导航栏的页面。如何存档?
\nMainLayout.razor
\ninherits 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) 我在许多不同的资源中看到了解决方案,包括Stack Overflow.这部分对我有用:我无法向左或向右滑动以切换页面.没关系 !但是,如果用户单击按钮,按住按钮并滑动,这将导致分页.(我只是使用Android进行测试)
根据许多来源的解决方案是:
<ion-slides [options]="{onlyExternal: false}">
</ion-slides>
Run Code Online (Sandbox Code Playgroud)
让我用截图来说明这一点......
如果我在这里滑动,什么都不会发生
现在,如果我按住并滑动红色按钮,这将导致分页.
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 来防止在这样的场景中执行?
angular ×7
android ×1
blazor ×1
ionic2 ×1
javascript ×1
pagination ×1
react-native ×1
reactjs ×1
typescript ×1