angular指令系列---多行文本框自动高度

angular.module(‘MyApp‘)
    .directive(‘autoTextare‘, [‘$timeout‘, function ($timeout) {
        return {
            restrict: ‘A‘,
            require: ‘^?ngModel‘,
            link: function ($scope, iElm, iAttrs, controller) {
                var nowEle = angular.element(iElm[0]);
                $timeout(function () {
                    nowEle.css(‘height‘, ‘auto‘);
                    nowEle.css(‘height‘, iElm[0].scrollHeight + ‘px‘);
                }, 100)
                iElm.on(‘input‘, function (event) {
                    nowEle.css(‘height‘, ‘auto‘);
                    nowEle.css(‘height‘, this.scrollHeight + ‘px‘);
                })
            }
        }
    }])
    
时间: 2024-08-03 09:03:31

angular指令系列---多行文本框自动高度的相关文章

多行文本框的高度变化

<!DOCTYPE html><meta charset="utf-8"><html><head> <title>多行文本框的高度变化</title> <script type="text/javascript" src="js/jquery.min.js"></script> <style type="text/css"&g

html基础 多行文本框 设置 高度 宽度 默认文本

镇场诗: 清心感悟智慧语,不着世间名与利.学水处下纳百川,舍尽贡高我慢意. 学有小成返哺根,愿铸一良心博客.诚心于此写经验,愿见文者得启发.------------------------------------------ code: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"

1分钟实现多行文本框[textarea]自动高度jquery 插件

<div class="form-group">     <label class="col-sm-3 control-label no-padding-right" for="form-field-5"> 内容</label>     <div class="col-sm-9">         <textarea class="col-sm-8" i

编写实现多行文本框[textarea]自动高度jquery 插件

<div class="form-group"> <label class="col-sm-3 control-label no-padding-right" for="form-field-5"> 内容</label> <div class="col-sm-9"> <textarea class="col-sm-8" id="form-fie

一步一步学ios UITextView(多行文本框)控件的用法详解(五5.8)

本文转载至 http://wuchaorang.2008.blog.163.com/blog/static/48891852201232014813990/ 1.创建并初始化 创建UITextView的文件,并在.h文件中写入如下代码: [csharp] view plaincopy #import <UIKit/UIKit.h> @interface TextViewController : UIViewController <UITextViewDelegate> { UITe

JavaScript | 选中并获取多行文本框内容的效果

JavaScript | 选中并获取多行文本框内容的效果 本文主要内容 1. 目标效果展示 2. 涉及的基本属性知识 3. 核心功能-选取的相关知识 1. 目标效果展示 如上,主要实现的是用户自定义选择多行文本框中的任何内容,然后把获取的内容放到按钮下的文本中作为内容的存放,最后通过点击按钮实现内容的设置,从而把用户需要的信息从大量的内容文本中获取出来.实现这种文本操作的功能,就必然需要考虑各方面的属性以及浏览器等兼容问题,接下来就一起来看看吧~~~ 2. 涉及的基本属性知识 2.1 inner

Angular 2 系列: 简介

Angular 2 Series: Introduction By Max on April 2, 2015 現在, Angular 2 和 Ionic 2 呼之欲出.我們超讚的小隊正在為下一個大版本的 Ionic 和 Angular 2 在努力工作.我為我們在那麽短的時間內取得那麽大的進展感到興奮,而且我相信,Ionic 社區,肯定會愛死它的. 對許多人來說, Angular 2 把他們所鐘愛框架改得太多了(這就是相愛相殺吧).大家花了太多時間去學習 v1 的術語了(directive,有的舉

php 批量添加 多行文本框 textarea

$act=!empty($_GET['act']) ? trim($_GET['act']) : ''; switch($act) { case 'adda': $area['a_value'] = trim($_POST['a_value']); $area['a_type']=3; if(strpos($area['a_value'], "\n") === false) { //echo $area['a_value']; //add($area); //$DB->inser

Chrome表单文本框自动填充黄色背景色样式

开发后台管理系统或 网站时,使用谷歌的Chrome浏览器访问网页中表单,文本框背景色自动填充为黄色.这个问题在网络上其实早已经是老生常谈了,今天正巧我要处理这个问 题,把之前查阅的一些资料和自己解决这个问题的方法纪录在此,一是为大家遇到此问题时提供一份资料,二是作为自己的笔记.过多的话就不多说了,下面进入正 题. 一.首先介绍一下我遇到这个问题时文本框的样式情况:  上图为Chrome浏览器为表单中的文本框自动填充黄色背景色的样子, 我自己为文本框加的,获得焦点后,周围有蓝色阴影. <input