mirror of
https://github.com/angular/angular
synced 2026-05-24 09:28:37 +00:00
BREAKING CHANGE
Before:
@Directive({selector: '[credit-card]', bindings: [new Binding(NgValidator, {toAlias: forwardRef(() => CreditCardValidator)})]})
class CreditCardValidator {
get validator() { return CreditCardValidator.validate; }
static validate(c): StringMap<string, boolean> {...}
}
After:
function creditCardValidator(c): StringMap<string, boolean> {...}
@Directive({selector: '[credit-card]', bindings: [new Binding(NG_VALIDATORS, {toValue: creditCardValidator, multi: true})]})
class CreditCardValidator {}
55 lines
No EOL
1.9 KiB
TypeScript
55 lines
No EOL
1.9 KiB
TypeScript
import {ListWrapper, StringMapWrapper} from 'angular2/src/core/facade/collection';
|
|
import {isBlank, BaseException, looseIdentical} from 'angular2/src/core/facade/lang';
|
|
|
|
import {ControlContainer} from './control_container';
|
|
import {NgControl} from './ng_control';
|
|
import {Control} from '../model';
|
|
import {Validators} from '../validators';
|
|
import {Renderer} from 'angular2/render';
|
|
import {ElementRef, QueryList} from 'angular2/core';
|
|
|
|
|
|
export function controlPath(name: string, parent: ControlContainer): string[] {
|
|
var p = ListWrapper.clone(parent.path);
|
|
p.push(name);
|
|
return p;
|
|
}
|
|
|
|
export function setUpControl(c: Control, dir: NgControl) {
|
|
if (isBlank(c)) _throwError(dir, "Cannot find control");
|
|
if (isBlank(dir.valueAccessor)) _throwError(dir, "No value accessor for");
|
|
|
|
c.validator = Validators.compose([c.validator, dir.validator]);
|
|
dir.valueAccessor.writeValue(c.value);
|
|
|
|
// view -> model
|
|
dir.valueAccessor.registerOnChange(newValue => {
|
|
dir.viewToModelUpdate(newValue);
|
|
c.updateValue(newValue, {emitModelToViewChange: false});
|
|
c.markAsDirty();
|
|
});
|
|
|
|
// model -> view
|
|
c.registerOnChange(newValue => dir.valueAccessor.writeValue(newValue));
|
|
|
|
// touched
|
|
dir.valueAccessor.registerOnTouched(() => c.markAsTouched());
|
|
}
|
|
|
|
function _throwError(dir: NgControl, message: string): void {
|
|
var path = ListWrapper.join(dir.path, " -> ");
|
|
throw new BaseException(`${message} '${path}'`);
|
|
}
|
|
|
|
export function setProperty(renderer: Renderer, elementRef: ElementRef, propName: string,
|
|
propValue: any) {
|
|
renderer.setElementProperty(elementRef, propName, propValue);
|
|
}
|
|
|
|
export function isPropertyUpdated(changes: StringMap<string, any>, viewModel: any): boolean {
|
|
if (!StringMapWrapper.contains(changes, "model")) return false;
|
|
var change = changes["model"];
|
|
|
|
if (change.isFirstChange()) return true;
|
|
return !looseIdentical(viewModel, change.currentValue);
|
|
} |