小编Meg*_*ron的帖子

注意:我是Angular的新手,所以请原谅任何新来的愚蠢.

细节

• 我已经安装了最新版本的Angular CLI
• 'ng serve'后,默认应用加载并运行完全正常

问题

• 我决定创建一个新模块,将其导入到app模块中
• 这是我在Angular 2中做过几次的事情,它的工作非常好
• 但是,由于我今天早上运行了最新版本的Angular CLI,导入模块会中断并收到以下错误:

compiler.es5.js:1689未捕获错误:模块'ProjectsModule'导入的意外指令'ProjectsListComponent'.请添加@NgModule注释.

应用模块

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import { AngularFireModule } from 'angularfire2';
import { AngularFireDatabaseModule } from 'angularfire2/database';
import { AngularFireAuthModule } from 'angularfire2/auth';
import { environment } from '../environments/environment';
import { ProjectsModule } from './projects/projects.module';
import { HttpModule } from '@angular/http';


@NgModule({
  imports: [
    BrowserModule,
    HttpModule,
    ProjectsModule,
    AngularFireModule.initializeApp(environment.firebase, 'AngularFireTestOne'), // imports firebase/app …

我有一个div,我想根据条件设置样式.

如果styleOne为true,我想要一个红色的背景颜色.如果StyleTwo为true,我希望背景颜色为蓝色.我有一半使用下面的代码.

<div id="myDiv" [ngStyle]="styleOne && {'background-color': 'red'}">

是否可以添加一个条件来说:

• 如果styleOne为true,请执行此操作
• 如果styleTwo为true,那么这样做吗？

编辑

我想我已经解决了.有用.不确定这是否是最佳方式:

<div id="div" [ngStyle]="styleOne && {'background-color': 'red'} || styleTwo && {'background-color': 'blue'}">

我在用什么

• 角

我想做什么

• 我有一个我想在多个模块中重用的加载组件

我做了什么

• 我创建了一个名为'loading-overlay'的新模块

• 在这个模块中,我导出了叠加组件

• 我将此模块添加到app.module

• 将组件添加到多个模块时,我收到以下错误:

类型LoadingOverlayComponent是2个模块的声明的一部分:LoadingOverlayModule和ProjectsModule!请考虑将LoadingOverlayComponent移动到导入LoadingOverlayModule和ProjectsModule的更高模块.您还可以创建一个新的NgModule,它导出并包含LoadingOverlayComponent,然后在LoadingOverlayModule和ProjectsModule中导入该NgModule.

• 我已经尝试从app.module中删除它并将其导入我需要的其他模块而没有太多运气.我必须遗漏一些明显的东西.

叠加模块

// Modules
import { NgModule } from '@angular/core';

// Components
import { LoadingOverlayComponent } from './loading-overlay.component';



@NgModule({
  declarations: [
    LoadingOverlayComponent,
  ],

  imports: [

  ],

  exports: [
    LoadingOverlayComponent
  ],

  providers: [ ],

})

export class LoadingOverlayModule { }

应用模块

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';

// Routing
import { AppRouting } from './routing/app-routing';

// Modules
import { …

我在用什么

• 角
• 火力地堡

是)我有的

• 上传服务,允许我上传到firebase存储和实时数据库
• 这已经好几周了

问题

• 今天早上它不起作用.

• 我没有改变任何与这个文件或它的组件有关的事情

• 我唯一改变的是firebase npm install来尝试让其他一些废话工作

• 这完全阻止了我的项目

• 我的服务现在显示构建错误:

[ts]属性'bytesTransferred'在'Object'类型上不存在

[ts]'对象'类型中不存在属性'totalBytes'.

类型'()=> void'的参数不能分配给'Unsubscribe'类型的参数.类型'void'不能分配给'und​​efined'类型.

问题

• 有谁知道为什么突然显示这个错误信息？

我的上传服务

import { Injectable, OnDestroy } from '@angular/core';
import { Upload } from './upload';
import { AngularFireDatabase, FirebaseListObservable, FirebaseObjectObservable } from 'angularfire2/database';
import * as firebase from 'firebase';
import { AuthService } from '../../user/auth.service';
import { Subscription } from 'rxjs/Subscription';

// Routes
import { Router, ActivatedRoute } from '@angular/router';

@Injectable()
export class ProjectsAddService implements OnDestroy {
  private _subscription: Subscription;
  private …

我对sprite kit比较新.我想要实现的目标;

1. 我有一个放在屏幕中间的物体
2. 当点击屏幕的左侧时,我希望对象以拱形方式向左弯曲.如果您想象对象位于钟面上的12处,向左按将使其动画到9点钟.
3. 当向右敲击时,我希望物体移动到3点钟.
4. 但是,如果物体已经拱起到9到12(10或11)之间的位置,并且我向右按,它将需要在路径上移动.
5. 总之,我想要一条跨越9到3点的路径.当用户向左或向右轻击时,对象将沿着路径移动,直到用户放开按钮(屏幕的左侧或右侧)

如果我能提供任何其他信息以帮助更清楚,请告诉我.

一如既往,非常感谢任何回应:)

我在用什么

• 角
• 角材料 ^2.0.0-beta.12

我在做什么

• 我刚刚开始了一个新项目并安装了材料

• 从以前的项目复制某些语法时，尝试导入时出现错误

'从'@angular/material'导入{MdInputModule}；

• 在深入研究打字后，它看起来好像现在已更改为“MatInputModule”
• 我已经更新了我的模块以使用“MatInputModule”
• 现在 HTML 抛出错误

'md-form-field' 不是已知元素：

• 这是使用材料网站提供的语法

HTML

<form [formGroup]="albumEdit">
  <md-form-field>
    <input mdInput formControlName="albumTitle" placeholder="Album Title">
  </md-form-field>
</form> 

问题

1. 我在这里遗漏了一些明显的东西吗？
2. 在最新版本中实现材料组件的最佳方法是什么？
3. 是否有一些我遗漏的官方文件？

• 我有两个UI开关

  • 当我点击一个时,我希望另一个关闭,反之亦然
  • 下面我有两个开关动作.

  • 我试图检查开关1是否打开(默认情况下是这样),如果是轻触,则将其关闭,但如果未打开,则将其打开.

    @IBAction func switchOnePressed(_ sender: UISwitch) {
     if switchOne.isOn {
       label.text = "UISwitch is ON"
       switchOne.setOn(false, animated: true)
     } else {
       label.text = "UISwitch is OFF"
       switchOne.setOn(true, animated: true)
     }
    }
    
    @IBAction func switchTwoPressed(_ sender: UISwitch) {}
    

    Run Code Online (Sandbox Code Playgroud)

任何帮助都会很棒!