我试图在路由改变时从路由器获取数据,但我没有成功.我在这里设置了asdf属性
@NgModule({
bootstrap: [AppComponent],
declarations: [
AppComponent,
LoginComponent,
DashboardComponent,
OverviewComponent,
],
imports: [
BrowserModule,
FormsModule,
RouterModule.forRoot([
{ path: '', pathMatch: 'full', redirectTo: '' },
{ component: LoginComponent, path: 'login' },
{
children: [
{ path: '', pathMatch: 'full', redirectTo: 'overview', data: { asdf: 'hello' } },
{ component: OverviewComponent, path: 'overview', data: { asdf: 'hello' } },
], component: DashboardComponent,
path: '',
},
]),
],
})
export class AppModule { }
Run Code Online (Sandbox Code Playgroud)
在这里,我可以在路由更改时从路由器获取URL但asdf未定义:(
import { Component, OnDestroy, …Run Code Online (Sandbox Code Playgroud) 我需要创建一个男人的数据库,男人可以有一个或多个属性,每个人的属性都有一个特定的值,听起来很容易吗?好吧,继续阅读,因为问题有点不可能(5天处理它:s).
所以我创建了这3个表:
CREATE TABLE guy (
id int(11),
name varchar(255)
);
CREATE TABLE attribute (
id int(11),
name varchar(255)
);
-- each value references one guy and one attribute
CREATE TABLE _value (
id int(11),
guy_id int(11),
attribute_id int(11),
_value varchar(255)
);
Run Code Online (Sandbox Code Playgroud)
使用此示例数据:
INSERT INTO attribute VALUES (1, 'age'), (2, 'dollars'), (3, 'candies');
INSERT INTO guy VALUES (1, 'John'), (2, 'Bob');
INSERT INTO _value VALUES (1, 1, 1, 12), (2, 1, 2, 15), (3, 1, 3, 3);
INSERT INTO _value …Run Code Online (Sandbox Code Playgroud) 所以我想用Angular开发一个吃豆人的游戏,我想用SVG来做这个,我想创建board.component一个嵌入式的pacman.component.
board.component将有一个<svg></svg>并且pacman.component将有一个<circle></circle>但有角度的抛出这个错误在我的pacman.component:
[Angular]'circle'不是已知元素:
- 如果' circle '是Angular组件,则验证它是否是此模块的一部分.
- 要允许任何元素将" NO_ERRORS_SCHEMA " 添加到此组件的" @NgModule.schemas ".
修复这些错误后,我最终得到了这个SVG:
<svg _ngcontent-c0="" width="100" height="100">
<app-pacman _ngcontent-c0="" _nghost-c1="">
<circle _ngcontent-c1="" fill="yellow" r="25" cx="10" cy="10"></circle>
</app-pacman>
</svg>
Run Code Online (Sandbox Code Playgroud)
现在唯一的问题是角度包裹pacman.component着<app-pacman></app-pacman>,这使得circle不起作用.
只是想知道Angular的做法是什么?我不希望将我的整个svg代码(svg, circles, paths, etc...)放在一个组件中.
谢谢.
编辑:
board.component.html:
<svg [attr.width]="width" [attr.height]="height">
<app-pacman></app-pacman>
</svg>
Run Code Online (Sandbox Code Playgroud)
pacman.component.html:
<circle [attr.cx]="cx" [attr.cy]="cy" r="25" fill="yellow"></circle>
Run Code Online (Sandbox Code Playgroud) 根据我对enterD3中函数的理解,运行此代码后div的内容:
<body>
<div>
<p class="x"></p>
</div>
<script>
d3.select('div')
.selectAll('p')
.data([3, 4])
/**
* if I uncomment this it works
* but I don't want to call the
* same function twice
*/
// .text(d => d + '')
.enter()
.append('p')
.text(d => d + '');
</script>
</body>
Run Code Online (Sandbox Code Playgroud)
应该:
<div>
<p class="x">3</p>
<p>4</p>
</div>
Run Code Online (Sandbox Code Playgroud)
但我得到了
<div>
<p class="x"></p>
<p>4</p>
</div>
Run Code Online (Sandbox Code Playgroud)
1)我错过了什么?根据我的理解,3应该在输入功能之后应用于第一个p和4后一个.
2)另外我还没有得到exit().remove()的东西,从我的理解它应该删除附加p但它不是那么它有什么好处?
我相信这条指令应该正确地从 UTC 转换为 CST 但似乎是一个小时的休息时间
moment.utc('07-18-2013 16:10:11', 'MM-DD-YYYY HH:mm').tz('America/Chicago').format("YYYY-MM-DD HH:mm");
Run Code Online (Sandbox Code Playgroud)
它2013-07-18 11:10在应该返回的时候返回2013-07-18 10:10
我错过了什么吗?
编辑:如果我打印缩写的时区,我会得到CDT而不是CST. 如何指定 CST?