Angular.md

layout	title
default	{"site.name" => nil}

Angular

angular是个很好用的前端单页应用的框架，使用的双向数据绑定来控制显示。

自己以前写过一个扑克牌小游戏,这里记录的是一些其他的理解。

设置directive触发enter键

jade为 input.input(ng-model="searchInput" ng-enter="search()" placeholder="keyword:ajax|name:jquery|author:ltebean")

js为

app.directive('ngEnter', function() {
	return function(scope, element, attrs) {
		element.bind("keydown keypress", function(event) {
			if (event.which === 13) {
				scope.$apply(function() {
					scope.$eval(attrs.ngEnter);
				});
				event.preventDefault();
			}
		});
	};
});

然后在$scope上面申明一个search方法，就可以在回车时触发了，赞！！

ng-bind-html

这个是来在网站上显示html的，但是return的结果必须使用$sce.trustAsHtml()这个方法来包裹一下，等于就是确定这个是安全的。

$routeParams

这个在mainController里面使用的话会一直为null，需要使用下面的方法包裹住

$scope.$on('$routeChangeSuccess', function() {
    $scope.searchInput = $routeParams.q;
});

ngroute

这个很方便的实现了路由，不需要自己手写单页应用的路由了，只要照着文档申明好路由查找，然后通过ng-view来控制显示。

如果想要自己手写的话，注意在popstate时设置自定义变量isHistroy为true。然后在进入页面并且isHistory为true时再把它置为false，才能算比较正常的路由。

ng-view

这个注意将功能在各个controller里面拆分开，尽量不要写在maincontroller里面。尽量写在各自view的controller里面。