`
xiatianyu_22
  • 浏览: 4042 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

sample about provider/config/run/value/factory for angular

 
阅读更多

<!DOCTYPE html>

<html>

<script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>  

<body>

 

<h2>Validation Example</h2>

 

<form ng-app="myApp" ng-controller="validateCtrl" 

name="myForm" novalidate>

 

<p>Username:<br>

<input type="text" name="user" ng-model="user" required>

<span style="color:red" ng-show="myForm.user.$dirty">

<span ng-show="myForm.user.$error.required">Username is required.</span>

</span>

</p>

 

<p>Email:<br>

<input type="email" name="email" ng-model="email" required>

<span style="color:red" ng-show="myForm.email.$dirty">

<span ng-show="myForm.email.$error.required">Email is required.</span>

<span ng-show="myForm.email.$error.email">Invalid email address.</span>

</span>

</p>

 

</form>

 

 

 

 

<script>

var app = angular.module('myApp', []);

  app.value('abc','12345');

  app.constant('b','12345');

  app.config(function(pProvider){

    pProvider.setType('xxxx');

  });

app.run(function(p){

  alert(p.title);

});

app.factory('f',function(p){

  alert(p.title);

  return {};

});

app.provider('p',function(){

  var type;

  return {

     setType: function(value){type = value;},

     $get:function(){return {title:type + 'test'};}

  };

});

app.controller('validateCtrl', function($scope,f,abc,b,p) {

    $scope.user = p.title;

    

    b = '456';

    $scope.email = 'abc@dbs.com';

});

</script>

 

</body>

</html>

 

 

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics