Articles of 量angular器

使用Javascript进行反应式编程

我在反应式编程方面有了新的东西,而且我可能会丢失所有这些我无法理解的文章。 其实,我是来自Nodejs,Angularjs,Angular 2和React的JavaScript开发人员。 我做的事 我始终使用promise,用于远程数据读取,本地asynchronousparsing等…更好的可testing性比callback,并符合我的需求。 我理解使用stream 除了特殊的情况外,我无法弄清楚在哪里可以解救我。 这种特殊情况是因为承诺只能解决一次,所以在听stream时我不能使用承诺。 SocketIo的一个例子: io.on('connection', (socket) => { // this works }); io.on('connection').then((socket) => { // this can't work, promise would be resolved only once }); 如果我没有错,我可以使用反应stream来处理这个案件,只需返回一个可观察的。 对 ? 我不明白 我正在学习Angular 2和所有的东西。 实际上,从许多博客,人们使用observables来获取远程数据,我不明白什么可能是使用它的优势,而不是承诺。 事实是,我需要在这两种情况下做一个遥控器,为什么比另一个更多? 这是一个性能问题? 我需要的 如果您已经阅读了整个问题,我需要的是了解在远程数据获取情况下使用响应式编程而不是承诺的优点是什么? 在哪些情况下(其他情况下)比平时使用react native的东西更好?

集成Sails Js和Angular 2

我正在尝试将Angular 2集成到Sails Js应用程序中。 我是新来的。 我一直在这里的官方教程。 它在静态http服务器的独立模式下工作正常,但是当我尝试集成到sails应用程序时,出现以下问题: 1 – 我如何在本地node_modules文件夹内引用angular2 js。 每次我做,帆将它解释为一条路线,并给我一个404我的脚本。 例如: <script src="node_modules/angular2/dist/angular2.min.js"></script> 我现在可以使用cdnjs链接克服上述问题,但是我想知道更好的/合适的解决scheme。 2 – 我添加了tsc和tsc -w脚本到我的package.json,但是即使sails lift –verbose我没有得到任何输出或错误。 这是我如何将脚本添加到json文件: "scripts": { "tsc": "tsc", "tsc:w": "tsc -w", "debug": "node debug app.js", "start": "node app.js" } 最后,我不得不用-g安装打印机并手动编译。 这工作,但再次,预计将与脚本工作。 知道我错过了什么会很高兴。 3 – 为了摆脱上述错误,当我再次举起服务器时,它给了我更多的404错误,似乎来自system.src.js ,我无法弄清楚。 请参阅下面的控制台screengrab。 我想我可能会在sails中设置angular度应用程序目录时出错。 只是为了确保我们覆盖了一切,这里是我正在使用的目录结构。 帆应用程序还没有任何东西。 这就是为什么下面的path只是angular度相关的工件和资产。 在资产文件夹中: 应用 │├──app.component.ts │└──main.ts .ts文件当然会被编译成js。 在sails的视图文件夹我有layout.ejs其中有以下内容: […]

当网站上的文档已过期时,如何安装Angular2?

angular2-universal的维护人员没有更新他们的网站: 问题1) typings install node express body-parser serve-static express-serve-static-core mime –ambient typings ERR! deprecated The "ambient" flag is deprecated. Please use "global" instead 问题2) typings install node express body-parser serve-static express-serve-static-core mime –global typings INFO globaldependencies "express" lists global dependencies on "node" that must be installed manually typings INFO globaldependencies "body-parser" lists global dependencies on […]

如何强制Angular在HTML5模式下向服务器发送请求?

我正在使用angular和nodejs来构build和web。 我在/homepath中加载Angular,其中/包含login和registry单。 这是我的angular度configuration: window.app.config(['$routeProvider', '$locationProvider', function($routeProvider,$locationProvider) { $locationProvider.html5Mode(true); $locationProvider.hashPrefix('!'); $routeProvider. when('/profile', { templateUrl: '/views/account.html', }). when('/edit', { templateUrl: '/views/edit.html', }). when('/home', { templateUrl: 'views/index.html' }). when('/signout', { templateUrl: 'views/signout.html' //on this view i load a controller which submits a form to /signout }). otherwise({ redirectTo: '/home' }); } ]); 在服务器端路由: app.get('/',function(){ res.render('index',{ user: req.user? req.user:'guest' […]

ng安装npm后发生错误

在删除node_modules目录并使用npm install构build新的目录后,我在使用cmd ng serve angular2应用程序中收到以下错误。 Error: Cannot find module 'common-tags' at Function.Module._resolveFilename (module.js:337:15) at Function.Module._load (module.js:287:25) at Module.require (module.js:366:17) at require (module.js:385:17) at Object.<anonymous> (/usr/local/lib/node_modules/angular-cli/models/config.js:8:21) at Module._compile (module.js:425:26) at Object.Module._extensions..js (module.js:432:10) at Module.load (module.js:356:32) at Function.Module._load (module.js:311:12) at Module.require (module.js:366:17) 也npm install common-tags手动添加它不起作用

如何在一个项目中设置Angular 2,Node(Hapi.js)和TypeScript?

我想设置Angular 2(TypeScript)和节点(带有TypeScript的Hapi.js)项目。 你可以给我一步一步教程如何组织和设置我的项目? 我知道如何在其中一个项目中安装Angular 2(TypeScript),并在其他项目中使用Node(Hapi.js和TypeScript),但是我在合并客户端和服务器端时出现问题。 我有多种types的问题,加载模块,不同的tsconfigs,加载网页上的库,文件夹结构,… 据我所知,SystemJS和Webpack是相同的东西,他们被用来准备JS文件在网页上使用它。 这是正确的,如果是你会select哪一个(也可以在教程中提供项目设置)? 另外,我想知道是使用Gulp或Grunt是有用的,哪里将在这些技术的项目设置? 总结哪些技术堆栈最适合使用TypeScript开发Angular 2和Node(Hapi.js)应用程序,以及如何设置它们?

找不到“节点”的types定义文件

更新angular,webpack和typescript后,我得到奇怪的错误。 任何想法,我可能会错过? 当我用npm开始运行应用程序时,我得到以下错误: [at-loader] Cannot find type definition file for 'hammerjs'. [at-loader] Cannot find type definition file for 'node'. [at-loader] src\app\app.component.ts:26:14 Cannot find name 'require'. [at-loader] src\app\app.component.ts:30:15 Cannot find name 'require'. 这里是依赖关系: "dependencies": { "@angular/common": "2.4.4", "@angular/compiler": "2.4.4", "@angular/core": "2.4.4", "@angular/forms": "2.4.4", "@angular/http": "2.4.4", "@angular/material": "2.0.0-beta.1", "@angular/platform-browser": "2.4.4", "@angular/platform-browser-dynamic": "2.4.4", "@angular/platform-server": "2.4.4", "@angular/router": "3.4.4", "@angularclass/conventions-loader": […]

打包一个nodejs c ++共享库

我做了一个nodejs共享库,现在我想打包它来部署它。 我希望能够与包装的angular2应用程序使用它感谢webpack。 共享库位于build / Release文件夹中。 如何继续在webpack中很好地打包? 或者是一个特定的package.json声明? 看看nodejs文档,dll名称使用扩展名.node( https://nodejs.org/api/addons.html#addons_loading_addons_using_require ) webpack节点加载器可能有帮助吗? https://webpack.js.org/loaders/node-loader/ 我将使用服务器端渲染,否则这将是不可能的。 问候,Steph

在Angular2 + Webpack中使用templateUrl的相对path

import {Component} from 'angular2/core'; @Component({ selector: 'app', styleUrls: ['./app.component.less'], templateUrl: './app.component.html' }) export class AppComponent { name:string = 'Demo' } 当使用templateUrl和styleUrls的相对path时,我得到:错误404,找不到文件: zone.js:101 GET http://localhost/app.component.html 404(Not Found) 代码: https : //github.com/Dreampie/angular2-demo 我觉得这是不好的devise,因为在不同的情况下可能会build立目录不一样,我可以把它改成相对的当前path吗? raw-loader可以解决这个问题,但是html-loader , less-loader不能用于template , styles ,它只能在string工作,所以为什么不把它们支撑起来呢? import {Component} from 'angular2/core'; @Component({ selector: 'app', styles: [require('./app.component.less')], template: require('./app.component.html') }) export class AppComponent { name:string = […]

angular2快速入门只显示Loading ..而不是index.html的内容

第一次使用angular2,按照5分钟快速入门指南中的说明进行angular度2。 一切运行良好,意味着运行npm start没有错误 npm开始图像 但是当我打开 本地主机:3000 它显示正在加载…不期望的文本。 根据这个例子index.html的内容应该反映在这个。 在控制台中有错误: 例外:TypeError:无法设置null属性的'endSourceSpan' main.ts import { bootstrap } from '@angular/platform-browser-dynamic'; import { AppComponent } from './app.component'; bootstrap(AppComponent); app.component.ts import { Component } from '@angular/core'; @Component({ selector: 'my-app', template: 'My first Angular 2 App</h1>' }) export class AppComponent {} 的index.html <html> <head> <title>Angular 2 QuickStart</title> <meta charset="UTF-8"> <meta name="viewport" […]