我正在使用带有es6模块语法的typescript 1.6.
我的文件是:
test.ts:
module App {
  export class SomeClass {
    getName(): string {
      return 'name';
    }
  }
}
main.ts:
import App from './test';
var a = new App.SomeClass();
当我尝试编译该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;
父母:
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, …我想在我的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
      },
    }
  })
我不想使用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>
如果用户未选择任何值,如何将disabled属性设置为true.
我想知道是否有办法在不制作数组的完整副本的情况下执行此操作,然后拼接副本.
var arr = [{id:1, name:'name'},{id:2, name:'name'},{id:3, name:'name'}];
我需要通过他的索引临时删除元素并使用没有此元素的数组,但我不想更改原始数组.
你甚至可以用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>
之后我想在我的自定义控件中添加其他验证器.我怎么能这样做?
custom_coontrol.ts
this.outerFormControl.push(Validators.maxLength(10));
我有一个可满足的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>
当用户在编辑div内容后按Enter键时,我想模糊div.目前,正在添加新行字符,并且在UI中可以看到新行.
我该如何实现这一目标?
我有一个父州和许多孩子州.如果我希望ui-sref-active父母在父母的某个孩子上工作,我需要这样做"黑客":
$scope.isActive = function() {  
   return $state.includes('playLotteries.Index') 
       || $state.includes('playLotteries.Group')  
       || $state.includes('playLotteries.hunter');
   }
这是非常丑陋的方式,我有很多孩子,所以它似乎不是一个好的解决方案.任何人有这个问题的另一种解决方案
我有一个每 2 秒执行一次 HTTP 请求并更新视图的应用程序。问题是,我必须做一些用户触发的 CSS 动画,这些动画大约需要一秒钟并且经常被破坏,因为 Angular 在动画运行时更新 DOM。
我使用Akita商店并像这样检索 observables:
this.dosingVessels$ = this.dosingVesselsQuery.selectAll().pipe(*needs rxjs operator magic*);
然后像这样在组件中显示它们:
    <app-solving-vessel *ngFor="let vessel of solvingVessels$ | async"
                    [vessel]="vessel"
                    [ngClass]="{'animation-class': hoverId === vessel.id}">
    </app-solving-vessel>
在动画进行时我怎么能做到这一点:
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
}
视图没有更新。
我发现了 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