小编Baz*_*nga的帖子

Typescript es6导入模块"文件不是模块错误"

我正在使用带有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'不是模块.

我怎么能做到这一点?

javascript typescript ecmascript-6

101
推荐指数
4
解决办法
11万
查看次数

React.js无法更改复选框状态

我创建了这个简单的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)

javascript reactjs

34
推荐指数
3
解决办法
6万
查看次数

Github oauth多个授权回调URL

我想在我的localhost和我的实时域中工作,有没有办法在github oauth设置中插入多个回调?我们如何解决这个问题?

重定向网址

oauth github oauth-2.0

17
推荐指数
2
解决办法
3580
查看次数

Angular ui路由器为所有状态提供多个命名视图

我想知道是否有任何方法可以为所有状态编写多个命名视图,最好的例子是当我希望导航栏和页脚出现在所有路径中时.

$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,因为在这种情况下解析主页状态之前导航和页脚显示.

javascript angularjs angular-ui-router

13
推荐指数
1
解决办法
7994
查看次数

使用ngModel进行Angular 2单选按钮验证

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.

validation angular2-forms angular

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

Js从数组中删除元素而不更改原始元素

我想知道是否有办法在不制作数组的完整副本的情况下执行此操作,然后拼接副本.

var arr = [{id:1, name:'name'},{id:2, name:'name'},{id:3, name:'name'}];
Run Code Online (Sandbox Code Playgroud)

我需要通过他的索引临时删除元素并使用没有此元素的数组,但我不想更改原始数组.

你甚至可以用lodash给我路.

javascript arrays

8
推荐指数
1
解决办法
6985
查看次数

Angular 2 - 在控制初始化后添加验证器

我想知道如何为已经创建的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)

forms validation angular

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

Angular 2:在输入时模糊contenteditable div

我有一个可满足的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中可以看到新行.

我该如何实现这一目标?

html javascript blur angular

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

父级上的Angular ui路由器ui-sref-active

我有一个州和许多孩子州.如果我希望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)

这是非常丑陋的方式,我有很多孩子,所以它似乎不是一个好的解决方案.任何人有这个问题的另一种解决方案

javascript angularjs angular-ui-router

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

在 BehaviorSubject 值 === false 时延迟可观察流

我有一个每 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 运算符,但所有示例都带有计时器,我不确定这是否是正确的方法。

rxjs angular angular6 akita angular-akita

4
推荐指数
1
解决办法
2087
查看次数