AngularJS 子產品「建議收藏」

2023-04-30 03:09:43

大家好，又見面了，我是你們的朋友全棧君。

子產品定義了一個應用程式。

子產品是應用程式中不同部分的容器。

子產品是應用控制器的容器。

控制器通常屬于一個子產品。

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