对文本框的一点小应用!

原创 2013年12月05日 10:59:57
1.对用户名进行验证,把它设置为必填项:
    %form(name="myform" ng-controller="userctrl")
      %input(name="input" ng-model="username" required )
         用户名:
      %span(class="error" ng-show="myform.input.$error.required")
         必填!
    function userctrl($scope)
    {
     $scope.username="user";
     }
     angular.module("App",[] );  //必须要写,否者无法运行
 


知识点1:angular.module  
    The angular.module is a global place for creating, registering and retrieving(检索) Angular modules.
   (1)// Create a new module
    var myModule = angular.module('myModule', [ ]);
 
      // register a new service
    myModule.value('appName', 'MyCoolApp'); 
  
知识点2:ng-model
     The ngModel directive binds(捆绑,约束) an       input,select, textarea (or custom form control)       to a property(性能) on the scope using NgModelController, which is created and exposed by this directive.


知识点3;ng-model ,ng-show ,ng-hide  ,ng-disabled 混搭使用
    (1) <div>                                                                                              (2)
           <input type="checkbox" ng-model="check">                                  <input ng-model="input">
          <div ng-show="check">                                                      
          show:                                                                                                         <div ng-disabled="!input">  
            <div>hello</div>
          </div>
           <div ng-hide="check">
          show:            
            <div>bye bye</div>
          </div>
      </div>      //相应的样式自己添加吧!
版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

对自动完成文本框(AutoCompleteTextView)组件的一点补充

自动完成文本框(AutoCompleteTextView)从EditText派生而出,实际上它也是一个文本编辑框,但比普通编辑框多了一个功能:当用户输入一定字符后,自动完成文本框会显示一个下拉菜单,供...

sql server 获得指定表结构详细信息 可根据表生成文本框等应用

--sql server 2000 SELECT 表名 = case when a.colorder=1 then d.name else '' end, 表说明 ...

iOS 9应用开发教程之显示编辑文本标签文本框

iOS 9应用开发教程之显示编辑文本标签文本框

iOS7应用开发16:模态segue、文本框、警告、Action Sheet

1、模态segue(Modal Segue): 这是除了popover和embed之外的另一种视图控制器切换的方法。当切换到模态视图控制器Modal View Controller出现时,该控制器将...

android常用控件应用之文本框(TextView)特效

常用控件应用之文本框(TextView)特效 1.TextView之跑马灯效果      android:ellipsize属性使用之跑马灯效果         android:ellipsi...

Android 应用开发笔记 - 文本框(TextView)

Widgets类控件 以下各演示程序以XML为主要属性设置方式,不采用代码的方式。也就是说能写XML,就不使用代码。 4.2.1 文本框(TextView) 第一步,增加字体颜色。 首...

WPF应用 - 实现可上下标的文本框

System.Windows.Controls.RichTextBox首先考虑使用这个控件上下标设置var textrange = new TextRange(rtb.Selection.Start,...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)