标签: mean-stack

嗨，我正在尝试实施 uiSelect https://github.com/angular-ui/ui-select

但是当我添加模块 JS

angular.module('projects').controller('ProjectsCreateController', ['$scope', 'Projects', 'Notify', 'CustomersToId', 'Users', '$http', '$q', 'uiSelect',
function($scope, Projects, Notify,Customers, Users, $http, $q, uiSelect) {

HTML

                        <ui-select-match placeholder="Select person...">
                        {{customers.name}} &lt;{{customers._id}}&gt;
                    </ui-select-match>

我在 Chrome 控制台中收到此错误

    Error: [$injector:unpr] Unknown provider: uiSelectProvider <- uiSelect
http://errors.angularjs.org/1.2.27/$injector/unpr?p0=uiSelectProvider%20%3C-%20uiSelect
    at ...lib/angular/angular.js:78:12
    at .../lib/angular/angular.js:3801:19
    at Object.getService [as get] (.../lib/angular/angular.js:3929:39)
    at .../lib/angular/angular.js:3806:45
    at getService (.../lib/angular/angular.js:3929:39)
    at invoke (.../lib/angular/angular.js:3956:13)
    at Object.instantiate (.../lib/angular/angular.js:3976:23)
    at .../lib/angular/angular.js:7307:28
    at .../lib/angular/angular.js:6696:34
    at forEach (.../lib/angular/angular.js:332:20) <div class="modal-content" modal-transclude="">

我是 express nodejs 应用程序的新手。我想做一个待办事项清单。这是目前为止的样子。我的问题是当我添加待办事项时，由于它重新加载页面，因此需要一些时间来显示更改。如何在不重新加载页面的情况下实时查看更改。提前致谢。

在tasks.jade中

 h1= title

  .list
    .item.add-task
      div.action
        form(action='/tasks', method='post', id='12345')
          input(type='hidden', value='true', name='all_done')
          input(type='hidden', value=locals._csrf, name='_csrf')
          input(type='submit', class='btn btn-success btn-xs', value='all done')
      form(action='/tasks', method='post')
        input(type='hidden', value=locals._csrf, name='_csrf')
        div.name
          input(type='text', name='name', placeholder='Add a new task')
        div.delete
          input.btn.btn-primary.btn-sm(type="submit", value='add')
    if (tasks.length === 0)
      | No tasks.
    each task, index in tasks
      .item
        div.action
          form(action='/tasks/#{task._id}', method='post')
            input(type='hidden', value=task._id.toString(), name='id')
            input(type='hidden', value='true', name='completed')
            input(type='hidden', value=locals._csrf, name='_csrf')
            input(type='submit', class='btn btn-success btn-xs task-done', value='done')
        div.num
          span=index+1
            |. 
        div.name
          span.name=task.name + ' (Created …

我需要找到src对的img在我的字符串变量：

const dom = new JSDOM('<img src="godaddy.com">',
                      { includeNodeLocations: true });
console.log(dom.window.document.querySelector("img"));

但是控制台输出是：

HTMLImageElement {}

如何获取src属性的值？

在带有 express 的 node.js 中，所有静态内容都放在 /public 文件夹中。有人可以帮助我理解为什么我们需要将它特别放在公用文件夹中吗？如果我想在“views”文件夹中创建一个名为“static”的文件夹并将所有图像、样式和脚本文件保存在其中怎么办。因为我想将与视图相关的所有内容都保存在一个文件夹下。如果这不是构建项目的好方法，请帮助我理解其背后的原因。

我有一个<input type="date">当用户输入的路径,我要被填充.通过访问该站点,输入字段应该已经是实际日期.所以我认为ngOnInit()应该是我需要的.但是当用户进入路线时,我需要做什么才能将实际日期作为输入字段的值填入？

我已经尝试通过搜索网络来实现这一点,但只找到了一些针对angularjs的旧解决方案,尽管我使用的是角度5,这与angularjs无法比较.我发现的帖子都指出了不再存在的范围.

文档ngOnInit也对我没有帮助:/

HTML

<div class="form-group">
    <label>Eingangsdatum</label>
    <input type="date" [(ngModel)]="dateArrival" id="dateArrivalPicker" value="" name="dateArrival" class="form-control">
</div>

Compontent

@Component({
  selector: 'app-terminals-create',
  templateUrl: './terminals-create.component.html',
  styleUrls: ['./terminals-create.component.css']
})
export class TerminalsCreateComponent implements OnInit {

  type: String;
  serial: String;
  layout: String;
  dateArrival: Date;
  activated: Boolean;
  setup: String;
  firmware: String;
  installedAt: String;
  createdBy: String;
  createdDate: Date;
  lastModified: Date;
  lastModifiedBy: String;
  notes: String;
  macAddress: String;


  constructor(
    private validateService: ValidateService,
    private flashMessage: FlashMessagesService,
    private authService: AuthService,
    private router: Router
  ) { …

我有一个平均堆栈。角 5。

我正在从表单中获取数据，并且正在调用一个服务来处理将表单数据发送到后端 api。

该服务使用 HttpClient。它发送带有正确标头和有效负载的 post 请求。它成功发布到数据库

但是...当我查看控制台的网络选项卡时，我看到 2 个相同的请求正在发出！一个成功，因为它是预期的请求，但另一个失败（由于db中的重复数据，它应该失败）

我不明白为什么要提出 2 个请求。我正在使用平均堆栈，所以（我相信）不应该有任何 CORS 问题。

有任何想法吗？

*更新信息我检查了网络选项卡

• 第一个请求具有请求方法：POST (200 OK)
• 第二个请求也有请求方法：POST (500)
• 在控制台选项卡中，来自 zone.js（webpack？）的第二个请求错误

我的表格

<form [formGroup]="registerForm" (ngSubmit)="onSubmit()">
  <div class="form-group">
    <label for="username">Username</label>
    <input 
      type="text" 
      id="username"
      class="form-control"
      formControlName="username"
      placeholder="username" >
  </div>
  <div class="form-group">
    <label for="email">Email</label>
    <input 
      type="email" 
      id="email"
      class="form-control"
      formControlName="email"
      placeholder="email" >
  </div>
  <div class="form-group">
    <label for="password">Password</label>
    <input 
      type="password" 
      id="password"
      class="form-control"
      formControlName="password"
      placeholder="password" >
  </div>
  <div class="form-group">
    <label for="name">Restaurant Name</label>
    <input 
      type="text" 
      id="name"
      class="form-control"
      formControlName="name"
      placeholder="Restaurant Name" >
  </div>    
  <div …

我正在使用角材料。

问题出在mat-select. 它不绑定记录编辑时的值。

这是我的代码..

HTML

如您所见，我test.subject在模型中绑定了（一个对象）并subject.title在下拉列表中显示为文本。

   <mat-form-field>
     <mat-select [(ngModel)]="test.subject" placeholder="Subject" name="subject">
       <mat-option>--</mat-option>
       <mat-option *ngFor="let subject of subjects" [value]="subject">
         {{subject.title}}
       </mat-option>
     </mat-select>
   </mat-form-field>

成分

在组件中，我从数据库中获取了这个值。

this.test = {
   "subject": {
       "_id": "5b3883b4067d8d2744871eff",
       "title": "Subject 1"
    }
}

this.subjects = [
   {
       "_id": "5b3883b4067d8d2744871eff",
       "title": "Subject 1"
   },{
        "_id": "5b3843b4067d8d2744435erx",
        "title": "Subject 2"
   }
]

所以在这里我希望下拉菜单应该选择 value Subject 1。但事实并非如此。

我正在尝试从头开始创建我自己的MEAN解决方案，我想使用docker-compose来运行它。我已经成功地使 Node 服务器正常工作，但是当我尝试使用 docker运行Angular客户端时，这不起作用。

仅使用 docker 我运行以下命令：

docker build -t ng-client .

docker run -p 4200:4200 ng-client

从输出来看，它似乎正在工作，但是当我转到http://localhost:4200/ 时，我收到了 localhost 不工作的消息。

当我使用以下命令使用 docker-compose 时，我遇到了同样的问题：

docker-compose up

我的 Dockerfile 看起来像这样：

# based on https://mherman.org/blog/dockerizing-an-angular-app/
# base image
FROM node:8.9.3

# install chrome for protractor tests
# RUN wget -q -O - https://dl-ssl.google.com/linux/linux_signing_key.pub | apt-key add -
# RUN sh -c 'echo "deb [arch=amd64] http://dl.google.com/linux/chrome/deb/ stable main" >> /etc/apt/sources.list.d/google.list'
# RUN apt-get update && …

我正在使用带有 Angular 6 的 MEAN 堆栈实现一个 Web 应用程序。我想在那里找到并保存“eValue”。最小值为 0，最大值为 1000。为此，我在架构中将最小值设置为 0，最大值设置为 1000。但是当我输入 -1 并单击“保存”按钮时，它会在 mongo db 中保存 -1。我想要的是如果我输入的值小于 0，它不应该在数据库中保存任何内容。这是我的架构。

var mongoose = require('mongoose');
var Schema = mongoose.Schema;
var ObjectId = Schema.ObjectId;

// Schema for extruded height panel
var eValueSchema = new mongoose.Schema({
    userName: {
        type: String
    },
    eValue: {
        type: Number,
        min: 0,


    }, 
});

module.exports = mongoose.model('eValue', eValueSchema);

这是我的邮寄路线

var eValue= require('../../../models/mongoModels/eValue');

router.post("/save", function (req, res) {
    var mod = new eValue(req.body);
    eValue.findOneAndUpdate(
        {
            userName: req.body.userName,
        },

        req.body,
        { …

我想弄清楚这 2 是做什么的，我有点困惑，它们是像 div 还是类似的东西？

我阅读了文档，但不清楚是的，而且我想知道我什么时候应该使用它们？还是为了什么？。

顺便说一句，我可以将 css 应用于他们两个吗？