angularJS(1)

模塊

在使用angularJS編寫代碼的時候，咱們經常把不一樣功能分爲不一樣的模塊進行編寫，這樣能更好的進行分工合做，提升工做效率。

首先 //定義主模塊

    angular.module("mainApp",["mainApp.Contrl","mainApp.filter"]);

    其中前面參數是主模塊名字，後面中括號裏是子模塊的名字。

    angular.module("mainApp.Contrl",[])

           .controller("maincontrl",function($scope){

               $scope.ary=[14,24,58,44,51,67];

        });

    上面是隨便列舉了一個控制器的子模塊。若是要繼續添加另外的控制器模塊，只需在後面繼續加，以下代碼

    angular.module("mainApp.Contrl",[])

           .controller("maincontrl",function($scope){

               $scope.ary=[14,24,58,44,51,67];

        }).controller("maincontrl1",function($scope){

               $scope.ary1=[14,24,58,44,51,67];

        })；

    若是是定義一個另外的模塊，須要新建模塊。

    angular.module("mainApp.filter",[])

          .filter("orderByFilter",function(){

            alter("1");

    });

    這些新建的模塊都必須將名字添加到主模塊中。


指令

基於咱們對HTML元素的理解，指令本質上就是angularJS擴展具備自定義功能的HTML元素的途徑。咱們能夠經過代碼自定義一個元素，它能夠做爲正常的標籤使用，並能在因此瀏覽器中工做。

    angular.module("mainApp.directive",[])

           .directive('say',function(){

               return {

                   restrict:"E",

                   template:"<span>hellow world!</span>",

                   replace:true

              }

    })

    如上代碼，自定義了一個‘say’元素。