<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="https://cdn.staticfile.org/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>
<h2>ng-model 指令</h2>
<!-- 将输入域的值（$scope）与 AngularJS 创建的变量绑定 -->
<!-- <div ng-app="myApp" ng-controller="myCtrl">
名字：<input type="text" ng-model="name">
</div>
<script>
var app = angular.module('myApp',[]);
app.controller('myCtrl',function($scope){
$scope.name = "John Doe";
});
</script> -->
<!-- <b>双向绑定，在修改输入域的值时， AngularJS 属性的值也将修改</b>
<div ng-app="myApp1" ng-controller="myCtrl1">
<input ng-model="name"/>
<p> 你输入了： {{ name }} </p>
</div>
<script> var app = angular.module("myApp1", []); app.controller("myCtrl1", function($scope){
$scope.name = 'Tom' }) </script> -->
<!-- <b>验证用户输入 ng-show</b>
<form ng-app="" name="myForm">
Email:<input type="email" placeholder="请输入" ng-model="text">
<span ng-show="myForm.myAddr.$error.email">不是一个合法的邮箱地址</span>
</form> -->
<!-- <b>为应用数据提供状态值 （invalid, dirty, touched, error）</b> -->
<!-- invalid:如果输入的值是合法的则为 true
dirty:如果值改变则为 true
touched:如果通过触屏点击则为 true
error:如果输入的Email的值非法则为 true
-->
<!-- <form ng-app="" name="myForm" ng-init="myText = 'test@test.com'">
angular学习代码
需积分: 5 97 浏览量
2024-03-04
13:15:23
上传
评论
收藏 12KB RAR 举报
learn_angular.rar （15个子文件） 
learn_angular 
AngularJS 输入验证.html 1KB AngularJS API.html 1KB AngularJS过滤器.html 3KB AngularJS 表单.html 2KB AngularJS表达式.html 846B AngularJS 选择框(select).html 2KB AngularJS HTML DOM.html 701B ng-model指令.html 25KB AngularJS 服务(service).html 3KB AngularJS Scope(作用域).html 2KB ng.html 347B AngularJS事件.html 579B AngularJS实例.html 1KB AngularJS指令.html 1KB AngularJS控制器.html 918B资源评论
2019ab
- 粉丝: 1353
- 资源: 20
