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’元素。

angularJS(1)

标签：

原文地址：http://www.cnblogs.com/ddzhao1989/p/4713813.html