angular-input

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<script src="http://localhost:81/js/jquery.js">
</script>
<script src="http://localhost:81/js/angular.min.js">
</script>
<body ng-app="Demo">
<div ng-controller="TestCtrl">
    <input type="text" ng-model="a" test />
    <button ng-click="show(a)">查看</button>
</div>
</body>
<script>
   var app = angular.module('Demo', [], angular.noop);
   app.directive('test', function(){
   //input 指令的 link有第四个参数,$ctrl有些方法,你可以自己拿来用 var link = function($scope, $element, $attrs, $ctrl){ console.log( $ctrl ) $ctrl.$formatters.push(function(value){ return value.join(','); }); $ctrl.$parsers.push(function(value){ return value.split(','); }); } return {compile: function(){return link}, require: 'ngModel', restrict: 'A'} }); app.controller('TestCtrl', function($scope){ $scope.a = []; //$scope.a = [1,2,3]; $scope.show = function(v){ console.log(v); } }); </script> </html>

  

posted @ 2014-04-11 16:52  方方和圆圆  阅读(865)  评论(0编辑  收藏  举报

再过一百年, 我会在哪里?