小编lux*_*lux的帖子

我试图在检测到变化ngModel的<select>标签.在Angular 1.x中,我们可以通过$watchon ngModel或者使用来解决这个问题ngChange,但是我还没有理解如何检测ngModelAngular 2中的更改.

完整示例:http://plnkr.co/edit/9c9oKH1tjDDb67zdKmr9？p = info

import {Component, View, Input, } from 'angular2/core';
import {FORM_DIRECTIVES} from 'angular2/common';

@Component({
    selector: 'my-dropdown'
})
@View({
    directives: [FORM_DIRECTIVES],
    template: `
        <select [ngModel]="selection" (ngModelChange)="onChange($event, selection)" >
            <option *ngFor="#option of options">{{option}}</option>
        </select>
        {{selection}}
    `
})
export class MyDropdown {
    @Input() options;

    selection = 'Dog';

    ngOnInit() {
        console.log('These were the options passed in: ' + this.options);
  }

  onChange(event) {
    if (this.selection …

我在Angular 2.0(<my-select>)中创建了一个自定义元素,当我在组件上包含ngModel属性时,我立即遇到以下错误:

EXCEPTION: No value accessor for '' in [myModel in App@0:195]

这是一个吸烟者:http://plnkr.co/edit/wlkPWcB92YZASCwCnmcw？p =preview

(打开控制台查看错误)

如果您只是注释掉以下行src/app.ts,则组件将正确呈现:

'[ngModel]="myModel"'

我做了以下事情:

1. 进口{FORM_DIRECTIVES}自'angular2/common'
2. 包含FORM_DIRECTIVES在directives部分内容中@Component
3. 初始化 myModel

我在这里错过了什么？

今天开始新项目(好吧,不是今天,但是在一两周内),应该使用什么？QWebView或QWebEngineView？

这两者之间是否有任何功能差异？如果我理解正确,QWebView是webkit,而QWebEngineView是闪烁的.程序员有什么不同吗？最重要的是,是否提供了更多的外观和感觉定制？

PS:如果有人链接到比较这两者的文章,我们将不胜感激

我是一个使用create-react-app创建应用程序的noob ,yarn start启动服务器http://localhost:3000/,我无法在我的手机上访问此网址.如何在移动设备上预览应用程序？

该npm注册表提供度量上最依赖的包,但说你要确定一个给定的包的最流行的版本-这可能吗？

作为一个用户,比如说我正在考虑升级到react-router^4.0.0,但是想看看一些采用数字(即运行^3.0.0vs 的人数^4.0.0),有没有办法做到这一点？一般来说,一个给定的软件包在过去一个月有50万次下载,我无法想象它们都是为了这些foobar@latest,所以看看每个版本的下载细分似乎是有用的.

此外,作为发布者,我说我发布了一些软件包,npm并希望了解这些软件包的哪些版本最受我的用户欢迎.是否npm提供某种类型的报告？当我登录并查看我发布的项目时,我似乎无法找到这些号码.

我熟悉的概念,ngTransclude通过AngularJS并this.props.children通过ReactJs,但不支持奥里利亚transclusion,即,在插入的概念,或transcluding,任意内容到另一个组成部分？

AngularJS中的转换(https://plnkr.co/edit/i3STs2MjPrLhIDL5eANg)

HTML

<some-component>
  Hello world
</some-component>

JS

app.directive('someComponent', function() {
  return {
    restrict: 'E',
    transclude: true,
    template: `<div style="border: 1px solid red">
                  <div ng-transclude>
               </div>`
  }
})

结果

在ReactJs中进行翻译(https://plnkr.co/edit/wDHkvVJRFLFL09xvnCeHE)

JS

const Main = (props) => (
    <SomeComonent>
      hello world
    </SomeComonent>
);

const SomeComonent = ({children}) => (
    <div style={{border: '1px solid red'}}> 
      {children}
    </div>
);

结果

我还没有找到详细介绍如何从Angular 1.x迁移到Aurelia的文档.到目前为止,我只看到人们详细介绍了如何directive使用Aurelia重新制作Angular的概念@customElement.好的,很简单.但这些例子总是只是模拟数据.

也就是说,Angular Services是可以注入任何控制器/指令/服务的单例,并且通常允许从服务器(即PersonService,OrdersService)获取数据.

但这些如何data services在奥里利亚建模？一切都只是一个阶级？它看起来像它.

从本质上讲,我会看到一些代码示例,hello-world它们有效地从服务中获取数据,并将其提供给a @customElement.HTTP调用在哪里？我们如何进行HTTP调用？Angular用途$http,Aurelia怎么样？

编辑:

这是一个简单的角度服务.怎么会在奥里利亚攻击这个？

app.service('SomeDataService', function () {
    return {
        getMyData: function (options) {
            return $.ajax(options);
        }
    }
});

我一直在努力实现这个例子中提到react-sortable-hoc的例子页面，特别是与表内自动滚屏的行为。不幸的是，源代码看起来并不存在于存储库的示例目录中。

尽管我在下面的代码和框中实现的代码是一个非常简单的示例，但我已经为此倾注了数小时，使用useWindowAsScrollContainer和getContainer使用 refs，但似乎没有任何解决问题的方法。

也就是说，这是我注意到的行为：当滚动出容器，甚至出窗口时，自动滚动功能永远不会参与。我甚至使出回document.body与getContainer应限制容器，但似乎无法复制的行为所指出的资源库的例子。

此外，虽然我在SortableTable组件上指定了固定的高度和宽度<AutoSizer />，但理想情况下应该用 包裹，但暂时将其删除以消除任何副作用。

https://codesandbox.io/s/mysortabletable-zi94g?file=/MySortableTable.js

• react-sortable-hoc : 1.11.0
• 反应虚拟化：9.7.5

我是 Nestjs 的新手，如果我想注入另一个模块，我不明白何时需要导入整个模块或仅导入服务。

例如：我有我的loggingModule

import { Module } from "@nestjs/common";
import { LoggingService } from "./logging.service";

@Module({
    providers: [LoggingService],
    exports: [LoggingService],
})
export class LoggingModule {}

用我的登录服务：

import { Injectable } from "@nestjs/common";

@Injectable()
export class LoggingService {

    logToConsole(logString: string) {
        console.log(logString)
    }
}

我想将其导入另一个模块，例如 BookModule

import { Module } from "@nestjs/common";
import { LoggingModule } from "src/logging/logging.module";
import { BookController } from "./book.controller";
import { BooksService } from "./books.service";


@Module({
    controllers: [BookController],
    providers: [BooksService],
    imports: [LoggingModule]
})
export class …

使用Angular时,我通常使用JQuery的$.Deferred对象来即时创建promise.除了实际的HTTP请求之外,它非常适合在promise中返回任意模拟数据:

getMockData: function() {
   var deferred = $.Deferred();
   deferred.resolve({mockData: 'foo-bar'});
   return deferred.promise();
}

很简单.也就是说,我现在正在使用Aurelia,它与Angular没有绑定到JQuery(或jqLit​​e).因此,我输了$.Deferred().是否有类似的库可以提供相同的功能$.Deferred()？

否则,只是安装JQuery并$.Deferred()在必要时使用它被认为是不恰当或不好的做法？我怀疑它只是暂时的,但也许不是.我不反对JQuery,但显然不想导入它只是为了获得单个模块.

Aurelia示例:

import {DataService} from './data-service';
import {inject} from 'aurelia-framework';

@inject(DataService)
export class PatientService {

  constructor(dataService) {
    this.dataService = dataService;
  }

  getPatients(url, emr) {
   // Server incomplete, so comment out the real call (for now)
   // return this.dataService.get(url + '/patients?emr=' + emr);

   [generate and return a promise here. Cool to just use $.Deferred()?]

  }

}