angularJS 中input示例分享  更新时间:2015年02月09日 09:52:00   投稿:hebedich   这篇文章主要介绍了angularJS 中input示例分享,需要的朋友可以参考下 这里给大家分享一则input指令的使用示例 复制代码 代码如下: 无标题文档         查看 代码很简单,小伙伴们自由扩展下,希望大家能够喜欢 您可能感兴趣的文章: 深究AngularJS如何获取input的焦点(自定义指令) AngularJS实现Input格式化的方法 Angularjs中的验证input输入框只能输入数字和小数点的写法(推荐) angularJS input 相关文章 AngularJS中取消对HTML片段转义的方法例子 这篇文章主要介绍了AngularJS中取消对HTML片段转义的方法例子,在一些需要显示HTML的地方,就要取消AngularJS的转义,本文就介绍了这种方法,需要的朋友可以参考下 2015-01-01 AngularJS的一些基本样式初窥 这篇文章主要介绍了AngularJS的一些基本样式初窥,AngularJS是一款高人气JavaScript框架,需要的朋友可以参考下 2015-07-07 详解基于Angular4+ server render(服务端渲染)开发教程 本篇文章主要介绍了详解基于Angular4+ server render(服务端渲染)开发教程 ,具有一定的参考价值,有兴趣的可以了解一下 2017-08-08 Angularjs制作简单的路由功能demo 这篇文章主要介绍了Angularjs制作简单的路由功能demo,刚刚开始学习Angularjs,做的不好,还请见谅。 2015-04-04 AngularJS自定义指令详解(有分页插件代码) 本篇文章主要介绍了AngularJS自定义指令详解(有分页插件代码),具有一定的参考价值,感兴趣的小伙伴们可以参考一下 2017-06-06 AngulerJS学习之按需动态加载文件 本篇文章主要介绍了AngulerJS学习之按需动态加载文件,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧 2017-02-02 关于使用axios的一些心得技巧分享 vue更新到2.0之后,作者就宣告不再对vue-resource更新,而是推荐的axios,所以下面这篇文章主要给大家分享了关于使用axios的一些心得技巧,文中介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下面来一起看看吧。 2017-07-07 AngularJS使用指令增强标准表单元素功能 这篇文章主要介绍了AngularJS使用指令增强标准表单元素功能,包括数据绑定、建立模型属性、验证表单等,感兴趣的小伙伴们可以参考一下 2016-07-07 AngularJS中的拦截器实例详解 这篇文章主要介绍了AngularJS中的拦截器实例详解的相关资料,需要的朋友可以参考下 2017-04-04 AngularJs定时器$interval 和 $timeout详解 这篇文章主要介绍了AngularJs定时器$interval 和 $timeout详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧 2017-05-05 最新评论

这里给大家分享一则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(){<br>   //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>

代码很简单,小伙伴们自由扩展下,希望大家能够喜欢

您可能感兴趣的文章:

  • 深究AngularJS如何获取input的焦点(自定义指令)
  • AngularJS实现Input格式化的方法
  • Angularjs中的验证input输入框只能输入数字和小数点的写法(推荐)
张贴在3