標籤：
<!DOCTYPE HTML><html ng-app="myApp"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>無標題文檔</title><style>#parent div{ width:300px; height:500px; border:1px #000 solid; margin:20px;}#parent ul{ width:200px; position:fixed; top:0; right:0;}</style><script src="angular.min.js"></script><script>//供應商：為對應的服務初始化相關配置var m1 = angular.module(‘myApp‘,[]);//interpolateProvider是interpolate（插值）的服務供應商，scopeProvider是scope的服務供應商。供應商的操作要在config裡面寫。m1.config([‘$interpolateProvider‘,function($interpolateProvider){ //不用{{}}用@@@@。 $interpolateProvider.startSymbol(‘@@‘); $interpolateProvider.endSymbol(‘@@‘); }]);m1.controller(‘Aaa‘,[‘$scope‘,‘$interpolate‘,function($scope,$interpolate){ $scope.$watch(‘body‘,function(newBody){ if(newBody){ var temp = $interpolate(newBody); $scope.showText = temp({ name : $scope.name }); } }); }]);</script></head><body><div ng-controller="Aaa"> <input type="text" ng-model="name"> <textarea ng-model="body"> </textarea> <p>@@[email protected]@</p></div></body></html>
<!DOCTYPE HTML><html ng-app="myApp"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>無標題文檔</title><style>#parent div{ width:300px; height:500px; border:1px #000 solid; margin:20px;}#parent ul{ width:200px; position:fixed; top:0; right:0;}</style><script src="angular.min.js"></script><script>var m1 = angular.module(‘myApp‘,[]);//$logProvider是$log服務的供應商。m1.config([‘$interpolateProvider‘,‘$logProvider‘,function($interpolateProvider,$logProvider){ $logProvider.debugEnabled(false);//禁用debug,則下面就不能列印hello.}]);m1.controller(‘Aaa‘,[‘$scope‘,‘$log‘,function($scope,$log){ $log.debug(‘hello‘);}]);</script></head><body><div ng-controller="Aaa"> </div></body></html>
<!DOCTYPE HTML><html ng-app="myApp"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>無標題文檔</title><style>#parent div{ width:300px; height:500px; border:1px #000 solid; margin:20px;}#parent ul{ width:200px; position:fixed; top:0; right:0;}</style><script src="angular.min.js"></script><script>var m1 = angular.module(‘myApp‘,[]);//$anchorScrollProvider是anchorScroll的服務供應商，m1.config([‘$anchorScrollProvider‘,function($anchorScrollProvider){ $anchorScrollProvider.disableAutoScrolling();//禁止錨點跳轉。}]);m1.controller(‘Aaa‘,[‘$scope‘,‘$location‘,‘$anchorScroll‘,function($scope,$location,$anchorScroll){ $scope.change = function(id){ $location.hash(id); $anchorScroll(); };}]);</script></head><body><div id="parent" ng-controller="Aaa"> <ul> <li ng-repeat="id in [1,2,3,4,5]" ng-click="change(‘div‘+id)">{{id}}aaaaaaaaaa</li> </ul> <div ng-repeat="id in [1,2,3,4,5]" ng-attr-id="div{{id}}">{{id}}</div></div></body></html>
angularjs 服務供應商
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
