首页 > 代码库 > angularJS(3)
angularJS(3)
一.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(3)
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。