Tag: angular

如何在Angular2中上传文件

我必须随图像一起提交表单。 我试过这个代码(有多种方式),但没有为我工作。 有没有人有工作演示file upload使用angular2请帮助我。 component.html <form class="form-horizontal" role="form" > <div class="form-group"> <label class="control-label col-sm-4" for="myname" style="">Name<span class="asterisk">*</span></label> <div class="col-sm-7"> <div> <input type="text" class="form-control" id="myname" [(ngModel)]="myfile.name"> </div> </div> </div> <div class="form-group"> <label class="control-label col-sm-4" for="myimage">Image</label> <div class="col-sm-7"> <div> <input type="file" (change)="fileChangeEvent($event)" placeholder="Upload file…" /> </div> </div> </div> <div class="form-group"> <div class="text-center"> <button type="button" (click)="upload()">Upload</button> </div> </div> […]

angular2数据属性

我觉得我错过了一些东西,但是当我尝试在模板中使用data属性时,像这样: <ol class="viewer-nav"><li *ngFor="#section of sections" data-sectionvalue="{{ section.value }}">{{ section.text }}</li></ol> Angular2崩溃: EXCEPTION:模板parsing错误:由于不是已知的本地属性,因此无法绑定到“sectionvalue”(“ ] data-sectionvalue =“{{section.value}}”> {{section.text}} 我明显错过了语法的东西,请帮助。

如何在Spring Security中dynamic决定<intercept-url>访问属性值?

在Spring Security中,我们使用intercept-url标记来定义URL的访问权限,如下所示: <intercept-url pattern="/**" access="ROLE_ADMIN" /> <intercept-url pattern="/student" access="ROLE_STUDENT" /> 这是在applicationContext-security.xml硬编码的。 我想读取数据库表中的访问值。 我已经定义了我自己的UserDetailsService并从数据库中读取login用户的angular色。 如何在运行时将这些angular色分配给URL模式?

Angular2validation器依赖于多个表单域

是否可以创build一个可以使用多个值来确定我的字段是否有效的validation器? 例如,如果客户的首选联系方式是通过电子邮件,那么应该要求电子邮件字段。 谢谢。 用示例代码更新… import {Component, View} from 'angular2/angular2'; import {FormBuilder, Validators, formDirectives, ControlGroup} from 'angular2/forms'; @Component({ selector: 'customer-basic', viewInjector: [FormBuilder] }) @View({ templateUrl: 'app/components/customerBasic/customerBasic.html', directives: [formDirectives] }) export class CustomerBasic { customerForm: ControlGroup; constructor(builder: FormBuilder) { this.customerForm = builder.group({ firstname: [''], lastname: [''], validateZip: ['yes'], zipcode: ['', this.zipCodeValidator] // I only want to validate […]

Angular 2.0和Modal对话框

我正在试图find一些关于如何在Angular 2.0中做一个Confirmation模式对话框的例子。 我一直在使用Angular 1.0的Bootstrap对话框,在Angular 2.0的Web上找不到任何示例。 我也检查了angular2.0文档没有运气。 有没有办法与Angular 2.0一起使用Bootstrap对话框? 谢谢 !

AngularJS $ http,CORS和httpauthentication

因为在AngularJS中使用CORS和httpauthentication可能会非常棘手,所以我编辑了这个问题来分享一个有用的课程。 首先我要感谢igorzg。 他的回答帮了我很多。 该scheme如下:您想通过AngularJS $ http服务将POST请求发送到不同的域。 获取AngularJS和服务器设置时需要注意几件棘手的事情。 首先:在您的应用程序configuration中,您必须允许跨域调用 /** * Cors usage example. * @author Georgi Naumov * gonaumov@gmail.com for contacts and * suggestions. **/ app.config(function($httpProvider) { //Enable cross domain calls $httpProvider.defaults.useXDomain = true; }); 第二:你必须指定withCredentials:true和用户名和密码。 /** * Cors usage example. * @author Georgi Naumov * gonaumov@gmail.com for contacts and * suggestions. **/ $http({ url: […]

在Angular 2中定义全局常量

在Angular 1.x中,你可以像这样定义常量: angular.module('mainApp.config', []) .constant('API_ENDPOINT', 'http://127.0.0.1:6666/api/') 在Angular2(与打字稿)等价? 我只是不想在我的所有服务中重复一遍又一遍的API基础url。

如何在Angular2中链接Http调用

我是Angular2和Http Observable的新手。 我有一个组件,它调用Http服务并返回Observable。 比我订阅该Observable,它工作正常。 现在,我想在那个组件中调用第一个Http服务之后,如果调用成功,就调用其他的Http服务并返回这个Observable。 因此,如果第一次调用不成功,则组件返回该可观察对象,相反它返回第二次调用的可观察对象。 那么问题是,链接Http调用的最佳方式是什么? 有没有优雅的方式,比如单子?

Angular2 – 单选button绑定

我想在使用Angular 2的表单中使用单选button Options : <br/> 1 : <input name="options" ng-control="options" type="radio" value="1" [(ng-model)]="model.options" ><br/> 2 : <input name="options" ng-control="options" type="radio" value="2" [(ng-model)]="model.options" ><br/> model.options的初始值是1 当页面被加载时,第一个单选button不被检查,修改不被绑定到模型 任何想法 ?

什么是在angular2中相当于httpinterceptor?

在angularjs中,我们有http拦截器 $httpProvider.interceptors.push('myHttpInterceptor'); 与我们可以挂钩到所有的http调用,并显示或隐藏加载栏,做日志等。 angular2中的等价物是什么?