Angular JS 使用的注意事项

最新推荐文章于 2025-08-12 14:37:12 发布

weixin_30950607

最新推荐文章于 2025-08-12 14:37:12 发布

阅读量44

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/aajonas/p/5891944.html

本文详细解释了Angular中ng-app指令的使用方法，包括何时需要指定模块名称以及何时可以省略。通过具体示例展示了如何直接定义控制器与使用模块方式的区别。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

标签中ng-app,什么情况需要指定名称，什么时候又不需要呢？

1、ng-app=""

<div ng-app="" ng-controller='myCtr'>
    {{name}}
</div>

<script>
 function myCtr ($scope){
    $scope.name = 'Jason';
 }

 var myCtr = function ($scope){
    $scope.name = 'Jason';
 }
</script>

js中直接用函数定义控制器（不推荐）

2、ng-app="myApp"

<div ng-app="" ng-controller='myCtr'>
    {{name}}
</div>

<script>
 var app = angular.module('myApp',[]);
       app.controller('myCtr',function($scope){
            $scope.name='Jason';
 });
</script>

这种用module来声明，就需要在标签中的ng-app指定一个名称.

转载于:https://www.cnblogs.com/aajonas/p/5891944.html