我正在使用带有es6模块语法的typescript 1.6.
我的文件是:
test.ts:
module App {
export class SomeClass {
getName(): string {
return 'name';
}
}
}
Run Code Online (Sandbox Code Playgroud)
main.ts:
import App from './test';
var a = new App.SomeClass();
Run Code Online (Sandbox Code Playgroud)
当我尝试编译该main.ts
文件时,我收到此错误:
错误TS2306:文件'test.ts'不是模块.
我怎么能做到这一点?
我创建了这个简单的TODO列表,当我想检查复选框时我不能.
import React from 'react';
const TodoItem = React.createClass({
render() {
return (
<div>
<span>{this.props.todo}</span>
<input type="checkbox" checked={this.props.done} />
</div>
);
}
});
export default TodoItem;
Run Code Online (Sandbox Code Playgroud)
父母:
import React from 'react';
import TodoItem from './TodoItem';
import AddTodo from './AddTodo';
const TodoList = React.createClass({
getInitialState() {
return {
todos: [{
todo: 'some text',
done:false
},{
todo: 'some text2',
done:false
},
{
todo: 'some text3',
done:true
}]
};
},
addTodo (childComponent) {
var todoText = childComponent.refs.todoText.getDOMNode().value;
var todo = {
todo: todoText, …
Run Code Online (Sandbox Code Playgroud) 我想在我的localhost和我的实时域中工作,有没有办法在github oauth设置中插入多个回调?我们如何解决这个问题?
我想知道是否有任何方法可以为所有状态编写多个命名视图,最好的例子是当我希望导航栏和页脚出现在所有路径中时.
$stateProvider
.state('home',{
views: {
'home': {
templateUrl: 'home.html',
controller: controller
},
'nav': {
templateUrl: 'nav.html',
controller:controller
},
'footer': {
templateUrl: 'footer.html',
controller: controller
},
}
})
Run Code Online (Sandbox Code Playgroud)
我不想使用ng-include,因为在这种情况下解析主页状态之前导航和页脚显示.
Angular 2的文档讲述了表单验证.但仅适用于输入字段类型文本.我的问题是收音机按钮.
这是HTML:
<input type="radio" required name='gender' value='Male' [(ngModel)]='gender'>Male
<input type="radio" required name='gender' value='Female' [(ngModel)]='gender'>Female
<button type='button' [disabled]="??">Next<button>
Run Code Online (Sandbox Code Playgroud)
如果用户未选择任何值,如何将disabled属性设置为true.
我想知道是否有办法在不制作数组的完整副本的情况下执行此操作,然后拼接副本.
var arr = [{id:1, name:'name'},{id:2, name:'name'},{id:3, name:'name'}];
Run Code Online (Sandbox Code Playgroud)
我需要通过他的索引临时删除元素并使用没有此元素的数组,但我不想更改原始数组.
你甚至可以用lodash给我路.
我想知道如何为已经创建的formControl添加验证器(使用它自己的Validators创建).但是,让我们想象一下,经过一段时间后我想添加另一个(或者我有一个自定义控件,其中包含一些验证器),我想创建外部Reactive表单并将内部验证器添加到外部.
可能吗?我没有找到任何信息(仅关于重新设置所有验证器)感谢您的帮助!
this.testForm = this.fb.group({
testField: [{value: '', disabled: false}, [<any>Validators.required]]
})
<form [formGroup]="testForm" novalidate>
<custom_input>
formControlName="testField"
[outerFormControl]="testForm.controls.testField"
</custom_input>
</form>
Run Code Online (Sandbox Code Playgroud)
之后我想在我的自定义控件中添加其他验证器.我怎么能这样做?
custom_coontrol.ts
this.outerFormControl.push(Validators.maxLength(10));
Run Code Online (Sandbox Code Playgroud) 我有一个可满足的div,看起来像这样:
<div class="wall-title col-sm-12"
[attr.contenteditable]="wall.title && wall.title !== 'Favorites'"
(blur)="wallNameChanged($event.target.outerText)"
(keyup.enter)="wallNameChanged($event.target.outerText)">
{{wall.title}}
</div>
Run Code Online (Sandbox Code Playgroud)
当用户在编辑div内容后按Enter键时,我想模糊div.目前,正在添加新行字符,并且在UI中可以看到新行.
我该如何实现这一目标?
我有一个父州和许多孩子州.如果我希望ui-sref-active
父母在父母的某个孩子上工作,我需要这样做"黑客":
$scope.isActive = function() {
return $state.includes('playLotteries.Index')
|| $state.includes('playLotteries.Group')
|| $state.includes('playLotteries.hunter');
}
Run Code Online (Sandbox Code Playgroud)
这是非常丑陋的方式,我有很多孩子,所以它似乎不是一个好的解决方案.任何人有这个问题的另一种解决方案
我有一个每 2 秒执行一次 HTTP 请求并更新视图的应用程序。问题是,我必须做一些用户触发的 CSS 动画,这些动画大约需要一秒钟并且经常被破坏,因为 Angular 在动画运行时更新 DOM。
我使用Akita商店并像这样检索 observables:
this.dosingVessels$ = this.dosingVesselsQuery.selectAll().pipe(*needs rxjs operator magic*);
Run Code Online (Sandbox Code Playgroud)
然后像这样在组件中显示它们:
<app-solving-vessel *ngFor="let vessel of solvingVessels$ | async"
[vessel]="vessel"
[ngClass]="{'animation-class': hoverId === vessel.id}">
</app-solving-vessel>
Run Code Online (Sandbox Code Playgroud)
在动画进行时我怎么能做到这一点:
animate(event, vessel) {
this.updateView.next(false); // prevent from updating
this.hoverId = vessel.id; // triggers animation
timer(1000).subscribe(tick => this.updateView.next(true)); // allow normal updating
}
Run Code Online (Sandbox Code Playgroud)
视图没有更新。
我发现了 delayWhen 运算符,但所有示例都带有计时器,我不确定这是否是正确的方法。
javascript ×6
angular ×4
angularjs ×2
validation ×2
akita ×1
angular6 ×1
arrays ×1
blur ×1
ecmascript-6 ×1
forms ×1
github ×1
html ×1
oauth ×1
oauth-2.0 ×1
reactjs ×1
rxjs ×1
typescript ×1