帮酷LOGO
0 0 评论
  • 显示原文与译文双语对照的内容
文章标签:Directive  Effect  输入  DIR  TEX  Angular Directive  效果  文本  
Text Input Effects Angular Directives

  • 源代码名称:ng-input
  • 源代码网址:http://www.github.com/cesardeazevedo/ng-input
  • ng-input源代码文档
  • ng-input源代码下载
  • Git URL:
    git://www.github.com/cesardeazevedo/ng-input.git
  • Git Clone代码到本地:
    git clone http://www.github.com/cesardeazevedo/ng-input
  • Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/cesardeazevedo/ng-input
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
    
  • 输入

    文本输入效果指令

    ng输入是来自 codrops - 文本输入效果的fork,用于处理 Angular 指令。

    演示

    演示工具

    安装安装使用
    
    bower install ng-input
    
    
    
    
    使用 npm 安装
    
    npm install ng-input
    
    
    
    
    用法

    ngInput 作为应用程序的依赖项。

    angular.module('myApp', ['ngInput']);

    将指令添加到html中。

    <ng-inputtheme='hoshi'></ng-input>
    基本样式

    要使它成为演示页面,你应该包括一些css属性。

    *, *:after, *:before {
     box-sizing: border-box;
     }
     input{
     font-size: 100% }

    为了更大

    .input{
     font-size: 150% }
    命令行选项
    • 主题
    • 类型
    • 标签
    • 颜色
    • icon

    默认 Angular 输入指令的默认属性

    • 姓名
    • ng-model
    • 需要 ng
    • minlength
    • 宋体
    • ng模式
    • ng更改
    • ng修剪
    图标

    示例是使用材质设计图标,你应该声明 icon icon--theme mdi mdi-account 让它工作。

    <ng-inputtheme='fumi'icon='icon icon--fumi mdi mdi-account'></ng-input>
    主题

    我们的主题

    待办事项

    Codrops主题

    • 宋体
    • Hoshi
    • 黑仔
    • Jiro
    • Minoru
    • Yoko
    • Hideo
    • Akira
    • Ichiro
    • Juro
    • 小圆
    • Kaede
    • Isao
    • Manami
    • Nariko
    • 脑脑脑
    • Yoshiko
    • Shoko
    • Chisato
    • Makiko
    • Sae
    • Kozakura
    • Fumi
    • Ruri
    • Kohana

    你可以随意添加自己的风格。

    • fork !
    • 创建你的功能分支:git checkout -b my-new-feature
    • 提交更改:git提交 -m'添加一些特性"'
    • 推送到分支:git push 原点 my-new-feature
    • 提交请求请求
    • Credits

    信用卡转到 codrops,for 工作效果 AWESOME

    检查他们的文章。

    许可证

    许可协议



    文章标签:文本  angular  TEX  DIR  Effect  Directive  输入  效果  

    Copyright © 2011 HelpLib All rights reserved.    知识分享协议 京ICP备05059198号-3  |  如果智培  |  酷兔英语