您好,欢迎访问一九零五行业门户网

了解Angularjs中的“模块”

本篇文章带大家了解一下angularjs中的“模块”。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。
相关教程推荐:《angularjs教程》
模块定义了一个应用程序。
模块是应用程序中不同部分的容器。
模块是应用控制器的容器。
控制器通常属于一个模块。
1 创建模块
你可以通过 angularjs 的 angular.module 函数来创建模块:
<div ng-app="myapp">...</div><script> var app = angular.module("myapp", ['其他模块']);</script>
“myapp” 参数对应执行应用的 html 元素。
现在你可以在 angularjs 应用中添加控制器,指令,过滤器等。
2 添加控制器
你可以使用 ng-controller 指令来添加应用的控制器:
<div ng-app="myapp" ng-controller="myctrl"> {{ firstname + " " + lastname }}</div><script> var app = angular.module("myapp", []); app.controller("myctrl", function($scope) { $scope.firstname = "john"; $scope.lastname = "doe"; });</script>
3 添加指令
<div ng-app="myapp" runoob-directive></div><script> var app = angular.module("myapp", []); app.directive("runoobdirective", function() { return { template : "我在指令构造器中创建!" }; });</script>
更多编程相关知识,请访问:编程视频!!
以上就是了解angularjs中的“模块”的详细内容。
其它类似信息

推荐信息