Angular 学习笔记——标签指令
2015-11-30 19:33
741 查看
<!DOCTYPE html> <html lang="en" ng-app="myApp"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript" src="js/angular-1.3.0.js"></script> <script> var m1 = angular.module('myApp',[]); m1.controller('may',['$scope',function($scope){ $scope.text = 'hello'; }]) </script> </head> <body> <div ng-controller='may'> <form novalidate name="myform"> <input name="mytext" type="text" ng-model='text' required ng-minlength='5' ng-pattern='/^[a-zA-Z]+$/'> <div>{{myform.mytext.$valid}}</div> <div>{{myform.mytext.$invalid}}</div> <div>{{myform.mytext.$pristine}}</div> <div>{{myform.mytext.$dirty}}</div> <div>{{myform.mytext.$error}}</div> </form> </div> </body> </html>
相关文章推荐
- angularJS中把html格式的字符串转成html格式显示,ng-bind-html与trustAsHtml的过滤器
- 推荐10个很棒的AngularJS学习指南
- angularjs项目需要从一个页面跳转到另一个页面,同时需要传递一个参数
- AngularJS学习笔记之directive——scope选项与绑定策略
- ng-repeat指令实现循环输出 ng-click 动态触发
- angularJS学习1
- Angularjs快速入门(四)-css类和样式
- AngularJs filter 过滤器
- AngularJS 学习笔记2
- AngularJS 学习笔记1
- 再谈angularjs DI(Dependency Injection)
- angularjs学习 过滤器(filter)
- angular 小试
- AngularJS与RequireJS集成
- AngularJS控制器之间的通信
- angularJS中的 resize of div
- AngularJS 中 ng-click传参使用随记
- 使用Protractor进行AngularJS e2e测试案例
- 基于Karma和Jasmine的AngularJS测试
- angularjs学习(一)