首页 > 代码库 > AngularJS注意的一些小点

AngularJS注意的一些小点

本人刚刚接触AngularJS,还不太熟悉,就说说我目前遇到的一些注意点吧。

  1、调用外来文件script文件

MVC设计模式

html文件

<!DOCTYPE html>
<html >
  <head>
  <meta charset="UTF-8">
  <title></title>
  </head>
  <body>

    //ng  表示 angular ,ng-app放在这一行的div上,就决定与Angular脚本放哪里,表示作用于只在这一行内的div有效;ng-controller 表示控制器;greeting.text 表示 module参数

    //注意: 调外来文件的时候,ng-app 不需要带参数,如:ng-app="myAPP"
    <div ng-app ng-controller="HelloAngular"
      <p>{{greeting.text}},Angular</p>
    </div>
    <script type="text/javascript" src="http://www.mamicode.com/js/angular.min.js" ></script>//angularJs的封装好的文件
    <script type="text/javascript" src="http://www.mamicode.com/js/angular.js" ></script>//自己写的script外来文件
  </body>
</html>

scrript文件

//不需要(function(){表达式})();只需要一个函数 function  HelloAngular(ng-controller的参数){表达式}

function HelloAngular($scope){
  $scope.greeting = {
    text : ‘hello‘
  };
}

AngularJS注意的一些小点