小编Cla*_*ies的帖子

在angular-cli中使用的.map文件是什么,并且可以构建不创建这些文件?

ng build of angular-cli创建3个文件:

inline.bundle.js
vendor.bundle.js
main.bundle.js
Run Code Online (Sandbox Code Playgroud)

以及每个人自己的地图文件.做什么的?

我也问是否有办法改变这种行为,不是创建这3个文件而是复制到dist目录中的所有js文件,而不是捆绑任何东西.那可能吗?

angular-cli angular

14
推荐指数
2
解决办法
1万
查看次数

如何防止点击和模糊事件之间的竞争?

我的Angular代码看起来像这样>

<input type='text' (blur)='saveData()'>
<button (click)='navigateToPage2()'>
Run Code Online (Sandbox Code Playgroud)

正在聚焦的文本框跳转到按钮单击,两个事件之间存在竞争条件.

问题是按钮点击被忽略,因为模糊事件首先触发并在调用服务器调用保存数据时将微调器带到屏幕上.

我该如何解决这个确切的问题?

在模糊事件之前是否存在使点击事件触发的黑客攻击?

html javascript angular

14
推荐指数
2
解决办法
5997
查看次数

MEAN堆栈文件上传

我正在开发一个MEAN堆栈Web应用程序,我想使用ng2-file-upload上传文件.这是我的Angular 2代码.

classroom.component.html

    <input type="file" class="form-control" name="single" ng2FileSelect [uploader]="uploader" />
    <button type="button" class="btn btn-success btn-s"
                  (click)="uploader.uploadAll()" [disabled]="!uploader.getNotUploadedItems().length">
            <span class="glyphicon glyphicon-upload"></span> Upload all
          </button><br />
Run Code Online (Sandbox Code Playgroud)

classroom.component.ts

uploader:FileUploader = new FileUploader({url: "http://localhost:3000/api/material/create-material"});
Run Code Online (Sandbox Code Playgroud)

在server.js中

app.use(cors());
app.use('/api',api);
app.use('/api/material',material);
Run Code Online (Sandbox Code Playgroud)

并在material.js

var storage = multer.diskStorage({ //multers disk storage settings
    destination: function (req, file, cb) {
        cb(null, './uploads/');
    },
    filename: function (req, file, cb) {
        var datetimestamp = Date.now();
        cb(null, file.fieldname + '-' + datetimestamp + '.' + file.originalname.split('.')[file.originalname.split('.').length -1]);
    }
});

var upload = multer({ //multer …
Run Code Online (Sandbox Code Playgroud)

javascript node.js mean-stack angular

13
推荐指数
2
解决办法
859
查看次数

EXCEPTION:状态响应:URL为0:angular2为null

当我尝试使用anguar2 http连接到远程API时,我遇到了异常.我的Web服务器也正在接收请求并正确响应.

我能够向本地服务器发出成功的curl请求.

EXCEPTION: Response with status: 0 for URL: null
Run Code Online (Sandbox Code Playgroud)

service.ts

getAllProducts(): Observable<string> {
      return this.http.get(this.productUrl)
      .map(this.extractData)
}

private extractData(res: Response) {
    let body = res.json();
    console.log(body)
    return body.data || { };
}
Run Code Online (Sandbox Code Playgroud)

flask flask-restful angular

11
推荐指数
1
解决办法
2万
查看次数

如何配置在GAE上运行的Java EE以在html5Mode中使用Angular UI路由器?

我正在尝试将我的Angular应用程序的UI路由器位置提供程序html5Mode设置为true : locationProvider.html5Mode(true). 虽然这适用于客户端(适当重定向),但我遇到问题服务器端.我在Google App Engine上运行实例Java Enterprise Edition.

我已经按照Angular FAQweb.xml中的Java EE部分ui-router配置了我:

<?xml version="1.0" encoding="utf-8"?>
<web-app xmlns="http://java.sun.com/xml/ns/javaee" version="2.5">
   <error-page>
        <error-code>404</error-code>
        <location>/</location>
   </error-page>
   <servlet>
        <servlet-name>SystemServiceServlet</servlet-name>
        <servlet-class>com.google.api.server.spi.SystemServiceServlet</servlet-class>
        <init-param>
            <param-name>services</param-name>
            <param-value>
                <!-- stuff specific to my GAE app -->
            </param-value>
        </init-param>
    </servlet>
    <servlet-mapping>
        <servlet-name>SystemServiceServlet</servlet-name>
        <url-pattern>/_ah/spi/*</url-pattern>
    </servlet-mapping>

    <welcome-file-list>
        <welcome-file>index.html</welcome-file>
    </welcome-file-list>
</web-app>
Run Code Online (Sandbox Code Playgroud)

遗憾的是,即使使用上述配置,当我浏览到基于客户端的路由时,我仍然从服务器收到404错误.我已经尝试了具有相同结果的元素的各种值(/index.html,index.html)error-page > location.

我可能在我的配置中遗漏了一些明显的东西,但我不知道我做错了什么.

google-app-engine java-ee angularjs angular-ui-router

11
推荐指数
0
解决办法
366
查看次数

如何使用Angular Material2创建嵌套的折叠菜单?

我正在寻找Angular Material2中对侧栏内嵌套菜单的支持.顶级通常默认关闭,打开顶级会暴露嵌套的菜单项.

我认为这是一个有意义的起点,但子导航项在父项之外渲染(很差):

plnkr

<md-sidenav-container class="my-container">
  <md-sidenav #sidenav class="my-sidenav">
    <md-list>
        <md-list-item>
          <h3 md-line> First Parent </h3>
          <md-nav-list>
            <a md-list-item href="#">First Child</a>
            <a md-list-item href="#">Second Child</a>
            <a md-list-item href="#">Third Child</a>
          </md-nav-list>
        </md-list-item>
        <md-list-item>
          <h3 md-line> Second Parent </h3>
          <md-nav-list>
            <a md-list-item href="#">First Child</a>
            <a md-list-item href="#">Second Child</a>
          </md-nav-list>
        </md-list-item>
    </md-list>
  </md-sidenav>  
  <div class="my-container">
    <button md-button (click)="sidenav.open()">Open</button>
  </div>
</md-sidenav-container>
Run Code Online (Sandbox Code Playgroud)

有人用@ angular/material创建了这种侧边栏菜单吗?

angular-material2 angular

11
推荐指数
1
解决办法
5393
查看次数

使用Ionic 2在Plunker中创建Master/Detail应用程序

建立在一些优秀的标准Ionic 2掠夺者的基础上http://plnkr.co/edit/ZsoPeE?p=previewhttp://plnkr.co/edit/WBeRRJyYucLwvckjh5W7?p=preview

你能帮我调整我的Master/Detail Plunker吗?我以为我已经把所有部件都放在了一边,但因为它产生了白色屏幕而丢失了一些东西.

这是我对Master/Detail插件的尝试 http://plnkr.co/edit/7NHIYMA3TUdd5nOkoXyF?p=preview

import { NgModule } from '@angular/core';
import { IonicApp, IonicModule } from 'ionic-angular';

import { AppComponent } from './app.component';
import { HomePage } from '../pages/home/home';
import { MasterPage } from '../pages/master/master';
import { DetailPage } from '../pages/detail/detail';

import { Sheetsu } from '../providers/sheetsu';

@NgModule({
  imports: [ IonicModule.forRoot(AppComponent) ],
  declarations: [ AppComponent, HomePage, MasterPage, DetailPage],
  entryComponents: [ HomePage, MasterPage, DetailPage ],
  bootstrap: [ IonicApp ],
  providers: [ Sheetsu ]
})
export class …
Run Code Online (Sandbox Code Playgroud)

javascript ionic2 angular

10
推荐指数
1
解决办法
457
查看次数

如何将$ compileProvider.debugInfoEnabled设置为false以改善angularjs 1.3中的性能?

我从angular网站上阅读了有关debugInfoEnabled的文档.仍然不清楚概念,$compileProvider.debugInfoEnabled(false)内部角度配置如何通过删除元素级别类(angular-directives)绑定(如ng-scope和)来提高应用程序的性能ng-isolated-scope.

有谁知道,如何通过将debugInfoEnabled设置为false来实现性能提升$compileProvider?任何人都可以帮我清除$compileProvider.debugInfoEnabled角度1.3 角度特征的概念吗?

任何帮助将不胜感激,在此先感谢:)

javascript debugging angularjs angularjs-compile

9
推荐指数
1
解决办法
5012
查看次数

Angular.js复制的File对象上的非法调用

嗯,没有太多要解释的. https://jsbin.com/raqajelufu/edit?html,js,output使用angular.copy复制后,任何File对象属性访问都会引发非法调用异常.

考虑到$ watch根据https://docs.angularjs.org/api/ng/type/$rootScope.Scope在内部使用angular.copy,是否有任何解决办法,这将使得观察File对象成为可能?

javascript angularjs angularjs-scope

7
推荐指数
1
解决办法
3040
查看次数

错误:未定义控制台。[no-undef]-括号

我基本上是JavaScript的初学者。我已经安装了括号,当前正在使用变量和函数。所有输出在控制台中都可以正常工作,但是我在编辑器中始终遇到此错误。https://i.imgur.com/SExglwR.png

我该如何解决这个问题?

javascript adobe-brackets

7
推荐指数
4
解决办法
8891
查看次数