我正在使用离子2开发一个应用程序.该应用程序的主要功能是登录屏幕,然后出现一个带侧边菜单的仪表板.侧边菜单不在登录屏幕中.我做的.但不知道以下错误会一次又一次地出现.
错误是
由模块'AppModule'导入的意外指令'LoginPage'.请添加@NgModule注释.
我在这里给我的代码..
app.module.ts
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { ErrorHandler } from '@angular/core';
import { IonicApp, IonicErrorHandler, IonicModule } from 'ionic-angular';
import { MyApp } from './app.component';
import { HomePage } from '../pages/home/home';
import { ListPage } from '../pages/list/list';
import { LoginPage } from "./login/login";
import { MenuComponent } from "./menu.component";
@NgModule({
declarations: [
MyApp,
HomePage,
ListPage,
MenuComponent
],
imports: [
BrowserModule,
IonicModule.forRoot(MyApp),
LoginPage
],
bootstrap: [IonicApp],
entryComponents: [
MyApp, …我正在尝试通过使用api调用创建一个简单的登录页面来学习反应本机应用程序.我将把用户名和密码发送到api,它会给我回复.但我不能这样做.好吧,我在这里分享我的代码......
var myRequest = new Request('<my API >', {method: 'POST', body: '{"username":this.state.uName , "password":this.state.pwd}'});
fetch(myRequest).then(function(response) {
alert('Res'+response);
}).then(function(response) {
alert('Blank'+response);
})
.catch(function(error) {
alert('Error'+error);
});
我认为将我的用户名和密码传递给服务器的方式是错误的.请给我一些想法然后我可以理解这里有什么问题.
我正在试验 angular-2 basic 的自定义指令，我想在我的自定义指令中解析输入值。
我们来看一下。
我有一个名为 app.component.ts 的应用程序组件。我在哪里输入了输入字段。
<input [(ngModel)] = "myInput"/>
接下来我构建一个自定义指令名称 custom.directive.ts
import { Directive, ElementRef, Renderer} from '@angular/core';
@Directive ({
selector : '[customDir]'
})
export class CustomDirective{
constructor(private el : ElementRef, private renderer: Renderer){ }
}
现在我想在“app.component.ts”中输入任何内容并在我的自定义指令中解析它，我可以通过它在控制台中简单地打印它..
让我们重新修改我的代码...
<app.component.ts>
<input [(ngModel)] = "myInput" [customDir] = "myInput"/>
<custom.directive.ts>
import { Directive, ElementRef, Renderer, Input} from '@angular/core';
@Directive ({
selector : '[customDir]'
})
export class CustomDirective{
@Input('customDir') myInput : any;
constructor(private el : ElementRef, private renderer: Renderer){ }
console.log(this.myInput); …我正在使用一个表单，我可以在其中上传文件或完整文件夹。我正在使用以下代码：
<html>
<input type = "file" id = "file" name = "files[]" multiple/>
<input id="file" type=file multiple webkitdirectory directory>
</html>
第一次输入时，我可以上传文件但不能上传文件夹，第二次输入时，我可以上传文件夹但不能上传文件。但我希望能够使用相同的输入上传两者。
请告诉我可以通过单击上传文件和文件夹的确切代码是什么。