angular-programming/angular2-questionnaire

Angular Programming Book Part 3 Demo

Angular 2 调查问卷示例项目

注意：新版本（Angular 4 + Angular CLI）已迁移至新repo

https://github.com/angular-programming/angular-questionnaire

这是由广发证券互联网金融技术团队出品的原创书籍《揭秘 Angular 2》的第三部分项目实战的源代码。

这个示例项目包含以下特点：

• 遵循官方最佳实践的目录布局
• 代码难易程度适中，方便学习
• 功能丰富的脚手架，易于扩展使用
• 简洁化的后端服务，聚焦前端框架学习

如何上手

调查问卷项目包括前端 frontend 目录以及后端 backend 目录。我们可以先运行后端服务，方便前端的注册与登录用户以及提供问卷相关的服务。安装过 Node.js 之后（确保你的 Node.js 版本为 6.x 及以上），在终端运行以下命令：

cd backend
npm install
node app

接下来，将终端目录定位 frontend 之中，再运行以下命令：

npm install
npm start

以上前后台的命令都执行完后，即成功启动整个项目应用。

angular2-questionnaire's Issues

github上给的源码跟示例代码不一致

老师您好，我想问下为何github上的代码跟书本上讲解时说得代码不一致？
例如：P438-P439 --shared/questionnaire/questionnaire.component.ts中的onSubmit代码以及书上说在QuestionnaireModule模块中引入了ng2-bootstrap的AlterModule。
再如：P441页用到的this.questionnaireService.updateQuestionnaireState方法跟存在和服务中定义的不一致的情况

关于questionnaire-item.component的ngOnChanges

github上代码

  ngOnChanges(changes: SimpleChanges){
      let questionnaireChange = changes['questionnaire'];
      if(questionnaireChange.previousValue.state && 
            questionnaireChange.currentValue.state !== questionnaireChange.previousValue.state){
          this.questionnaire = changes['questionnaire'].currentValue;
          this.setState();
      }
  }

官网PAI

class SimpleChange {
constructor(previousValue: any, currentValue: any, firstChange: boolean)
previousValue : any
currentValue : any
firstChange : boolean
isFirstChange() : boolean
}

通过changes为SimpleChanges的一个对象实例，那么应该不具有questionnaire方法吧?表示那不大理解，像老师请教一下。

很着急的问题问老师

请问老师我把后端和前端的代码都运行起来了 之后在浏览器上观察 发现 注册和登录 功能 都不能达到效果 请问老师解决的方法是什么呢

无法登录注册

ng2-bootstrap.umd.min.js?1488201334751:5680 Uncaught Error: Module must be loaded as AMD or CommonJS

npm start报错

这个地方要不要map有什么区别呢？去掉map也能得到数据

return new Observable((observer: Observer) => {
this.http.get(this.getUserInfoUrl(CONTACT_URL))
.map(res => res.json().data)
.subscribe(res=>{
observer.next(res);
observer.complete();
});
});

carousel not work auto

轮播插件好像不能自动跳转。。。

请教一个关于移动端的问题，

angular2 是否适合开发移动端页面呢？如果可以，用那个UI框架好呢？可否推荐下？

问卷系统案例，新的错误，cd到frontend文件执行npm install时会报错，麻烦帮忙解决

李老师，这是什么错误，我的node版本都没有问题

问卷调查系统，环境搭建，书375页 环境搭建 时，npm start时报错

问卷调查系统，环境搭建，书375页 环境搭建 时，npm start时报错
可以正常启动，但是报错，不知道什么原因

我的node版本

还有怎么没有人提问题，就我遇到这个问题了吗。好尴尬！

问卷调查系统进入 后台报错。

问卷调查系统进入 后台报错。chrome
Uncaught Error: Module must be loaded as AMD or CommonJS
at ng2-bootstrap.umd.min.js?1489573048048:5680
at ng2-bootstrap.umd.min.js?1489573048048:1
at ng2-bootstrap.umd.min.js?1489573048048:5674

启动报错

## Uncaught Error: Module must be loaded as AMD or CommonJS
at ng2-bootstrap.umd.min.js:5680
at ng2-bootstrap.umd.min.js:1
at ng2-bootstrap.umd.min.js:5674

(SystemJS) exports is not defined

ReferenceError: exports is not defined
    at eval (http://localhost:5555/app/shared/models/question.model.js:2:23)
    at eval (<anonymous>)
    at Object.eval (http://localhost:5555/app/shared/models/index.js:6:10)
    at eval (http://localhost:5555/app/shared/models/index.js:11:4)
Evaluating http://localhost:5555/app/shared/models/question.model.js
Evaluating http://localhost:5555/app/shared/models/index.js
Evaluating http://localhost:5555/app/shared/index.js
Evaluating http://localhost:5555/app/app.component.js
Evaluating http://localhost:5555/app/app.module.js
Evaluating http://localhost:5555/app/main.js
Error loading http://localhost:5555/app/main.js Not expecting this error? Report it at https://github.com/mgechev/angular-seed/issues

请教一下这是什么原因导致的，该怎么解决啊

书中416页的问卷服务是否存在跨域问题？

questionnaire.service.ts中http.post的地址是http://localhost:5000端口，而页面是5555端口，这不是存在同源策略问题？

他的作用是什么<QuestionnaireModel>res.json().data,就是这个<QuestionnaireModel>

getQuestionnaireById(id: string) {
return this.http.get(SITE_HOST_URL + 'questionnaire/' + id)
.map(res => res.json().data)
.catch(this.handleError);
}

ng2-bootstrap问题

请问这个是什么问题，该如何解决。
另外代码中ng2-bootstrap文件目录，和现在用npm，install下来的目录不一样。

并没有ng2-bootstrap/component/这一级目录。#

刷新页面需要重新登录

刷新页面后需要重新登录，这是否是设计上的缺陷？

书中第379页中storage不对

原代码: const storage = require('lowdb/file-async');
我修改为: lowdb/lib/storages/file-async就好了.