mirror of
https://github.com/Hopiu/angular.js.git
synced 2026-03-17 07:40:22 +00:00
125 lines
3.2 KiB
JavaScript
125 lines
3.2 KiB
JavaScript
angularDirective("ng-init", function(expression){
|
|
return function(){
|
|
this.$eval(expression);
|
|
};
|
|
});
|
|
|
|
angularDirective("ng-eval", function(expression){
|
|
return function(){
|
|
this.$addEval(expression);
|
|
};
|
|
});
|
|
|
|
angularDirective("ng-bind", function(expression){
|
|
return function(element) {
|
|
this.$watch(expression, function(value){
|
|
element.text(value);
|
|
});
|
|
};
|
|
});
|
|
|
|
angularDirective("ng-bind-attr", function(expression){
|
|
return function(element){
|
|
this.$watch(expression, bind(element, element.attr));
|
|
};
|
|
});
|
|
|
|
angularDirective("ng-non-bindable", function(){
|
|
this.descend(false);
|
|
});
|
|
|
|
angularDirective("ng-repeat", function(expression, element){
|
|
var reference = this.reference("ng-repeat: " + expression),
|
|
r = element.removeAttr('ng-repeat'),
|
|
template = this.compile(element),
|
|
match = expression.match(/^\s*(.+)\s+in\s+(.*)\s*$/),
|
|
lhs, rhs, valueIdent, keyIdent;
|
|
if (! match) {
|
|
throw "Expected ng-repeat in form of 'item in collection' but got '" +
|
|
expression + "'.";
|
|
}
|
|
lhs = match[1];
|
|
rhs = match[2];
|
|
match = lhs.match(/^([\$\w]+)|\(([\$\w]+)\s*,\s*([\$\w]+)\)$/);
|
|
if (!match) {
|
|
throw "'item' in 'item in collection' should be identifier or (key, value) but got '" +
|
|
keyValue + "'.";
|
|
}
|
|
valueIdent = match[3] || match[1];
|
|
keyIdent = match[2];
|
|
|
|
var parent = element.parent();
|
|
element.replaceWith(reference);
|
|
return function(){
|
|
var children = [],
|
|
currentScope = this;
|
|
this.$addEval(rhs, function(items){
|
|
var index = 0, childCount = children.length, childScope, lastElement = reference;
|
|
foreach(items || [], function(value, key){
|
|
if (index < childCount) {
|
|
// reuse existing child
|
|
childScope = children[index];
|
|
} else {
|
|
// grow children
|
|
childScope = template(element.clone(), currentScope);
|
|
childScope.init();
|
|
childScope.scope.set('$index', index);
|
|
childScope.element.attr('ng-index', index);
|
|
lastElement.after(childScope.element);
|
|
children.push(childScope);
|
|
}
|
|
childScope.scope.set(valueIdent, value);
|
|
if (keyIdent) childScope.scope.set(keyIdent, key);
|
|
childScope.scope.updateView();
|
|
lastElement = childScope.element;
|
|
index ++;
|
|
});
|
|
// shrink children
|
|
while(children.length > index) {
|
|
children.pop().element.remove();
|
|
}
|
|
});
|
|
};
|
|
}, {exclusive: true});
|
|
|
|
|
|
/////////////////////////////////////////
|
|
/////////////////////////////////////////
|
|
/////////////////////////////////////////
|
|
/////////////////////////////////////////
|
|
/////////////////////////////////////////
|
|
|
|
|
|
|
|
|
|
//Styling
|
|
//
|
|
//ng-class
|
|
//ng-class-odd, ng-class-even
|
|
//ng-style
|
|
//ng-show, ng-hide
|
|
|
|
|
|
angularDirective("action", function(expression, element){
|
|
return function(){
|
|
var self = this;
|
|
jQuery(element).click(function(){
|
|
self.$eval(expression);
|
|
});
|
|
};
|
|
});
|
|
|
|
//ng-watch
|
|
// <div ng-watch="$anchor.book: book=Book.get();"/>
|
|
angularDirective("watch", function(expression, element){
|
|
var watches = {
|
|
'lhs':'rhs'
|
|
}; // parse
|
|
return function(){
|
|
this.$watch(watches);
|
|
};
|
|
});
|
|
|
|
//widget related
|
|
//ng-validate, ng-required, ng-formatter
|
|
//ng-error
|