总览

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 里面。

---

转载请注明来源，欢迎对文章中的引用来源进行考证，欢迎指出任何有错误或不够清晰的表达。可以在下面评论区评论，也可以邮件至 981909093@qq.com