angularJS
Posted HuangRong
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了angularJS相关的知识，希望对你有一定的参考价值。
一.angularJs的指令模型ng-model指令
ng-model 指令 绑定 html 元素 到应用程序数据。
为应用程序数据提供类型验证（number、email、required）。
为应用程序数据提供状态。
为 HTML 元素提供 CSS 类。
绑定 HTML 元素到 HTML 表单。
<div ng-app="myapp" ng-controller="mycc">
名字: <input ng-model="name">
</div>
<script>
var app = angular.module(\'myapp\', []);
app.controller(\'mycc\', function($scope) {
$scope.name = “宋小宝";
});
</script>
二.angularJs的指令模型ng-model指令：双向绑定
在修改输入域的值时， AngularJS 属性的值也将修改：
<div ng-app="myapp" ng-controller="mycc">
名字: <input ng-model="name">
<h1>你输入的名称是：{{name}}</h1>
</div>
<script>
var app = angular.module(\'myapp\', []);
app.controller(\'mycc\', function($scope) {
$scope.name = “宋小宝";
});
</script>
三.angularJs的应用
<div ng-app="myapp" ng-controller="myctrl">
姓：<input type="text" ng-model="xing"><br>
名：<input type="text" ng-model="ming">
<h1>你的姓名是：{{xing+""+ming}}</h1>
</div>
<script>
var app=angular.module("myapp",[]);
app.controller("myctrl",function($scope){
$scope.xing="宋";
$scope.ming="小宝";
})
</script>
实例说明：
模块(m)：var app = angular.module(\'myApp\', []);
控制器(c)：app.controller("myctrl",function($scope){ })
视图(v)：就是html区域
四.angularJs模型
ng-model 指令用于绑定应用程序数据到 HTML 控制器(input, select, textarea)的值。
ng-model 指令可以将输入域的值与 AngularJS 创建的变量绑定
<div ng-app="myApp" ng-controller="myCtrl">
名字: <input ng-model="name">
</div>
<script>
var app = angular.module(\'myApp\', []);
app.controller(\'myCtrl\', function($scope) {
$scope.name = “花果山美猴王";
});
</script>
以上是关于angularJS的主要内容，如果未能解决你的问题，请参考以下文章