angular 控制器之間傳遞傳參
阿新 • • 發佈：2019-01-27
<!DOCTYPE html> <html ng-app="myApp"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="angular.js"></script> </head> <body ng-controller="my"> <div><span ng-bind="name1"></span></div> <div><span ng-bind="name2"></span></div> <div><span ng-bind="name3"></span></div> </body> <script> var app=angular.module("myApp",[]); app.controller("my",["$scope","serv","serv2","serv3", function ($scope,s1,s2,s3) { $scope.name1=s1; $scope.name2=s2; $scope.name3=s3; }]) // factory方式實現的自定義服務在專案中使用較為頻繁， // 以其簡單的語法和使用方式流行 app.factory("serv",function () { var _v="第一種factory"; return _v; }) // service方式實現的自定義服務，返回的資料必須是JSON物件， // 在某些專案中為了規範資料的返回值，約定統一使用物件進行處理。 // service就比較符合這樣的規範，所以使用較為頻繁app.service("serv2",function () { return {_v2 : "第二種service"}; }) // provider自定義服務，在angular框架內部使用較多， // 由於程式碼操作更加趨於底層造成程式碼可讀性的降低， // 對於常規專案開發有一定的難度，所以專案開發使用較少 app.provider("serv3",function () { this.$get = function () { return { _v3 : "第三種provider"}; } }) </script> </html>