AngularJS 模块「建议收藏」

全栈程序员站长

发布于 2022-09-15 10:49:02

2070

发布于 2022-09-15 10:49:02

文章被收录于专栏：全栈程序员必看

大家好，又见面了，我是你们的朋友全栈君。

模块定义了一个应用程序。模块是应用程序中不同部分的容器。模块是应用控制器的容器。控制器通常属于一个模块。

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>

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/164217.html原文链接：https://javaforall.cn

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

如有侵权请联系 cloudcommunity@tencent.com 删除

java