AngularJS注意的一些小点

Posted y雪莉

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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="js/angular.min.js" ></script>//angularJs的封装好的文件
    <script type="text/javascript" src="js/angular.js" ></script>//自己写的script外来文件
  </body>
</html>

scrript文件

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

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


















以上是关于AngularJS注意的一些小点的主要内容,如果未能解决你的问题,请参考以下文章

初识AngularJs

AngularJS 不适用于 MVC 局部视图

AngularJS分别RequireJS做文件合并压缩的那些坑

AngularJs学习笔记6——四大特性之依赖注入

angularjs 难点总结

在 AngularJS 中使用 $window 或 $location 重定向