您的位置：首页 > Web前端 > AngularJS

angularJs中ng-init,ng-trim及表单value与$scope数据提交差异分析

2017-05-28 11:07 344 查看

1.ng-init:数据初始化，例：
ng-init="name='百度'"
，初始化name值为“百度”，不过大部分还是使用$scope

2.ng-trim:只影响ng中$scope，去除输入时的空格，一般和ng-model在一起，ng-trim默认为true，有ng-model的时候可以省略不写

3.在表单中输入数据的时候，先是改变表单value的值，value中不去除空格，需要将数据通过$scope进行处理

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script src="angular.min.js"></script>
<script src="jquery.min.js"></script>
</head>
<body>
<div ng-app="module" ng-controller="ctrl" ng-init="name='百度'">
<form action="exam.php" method="post">
<!--未去除空格长度-->
标题:<input type="password" name="title" ng-model="title"><br/>
<!--去除空格长度-->
<input type="text" name="data"><br/>
<!--提交-->
<input type="submit">
</form>
{{title}}
</div>
<script>
var m = angular.module('module', []);
m.controller('ctrl', ['$scope', function ($scope) {
$scope.title = '';

$('form').submit(function () {
//通过$scope.title,改变title长度
$("[name='data']").val($scope.title);
});
}]);
</script>
</body>
</html>

exam.php

<?php
print_r( $_POST );

echo "<hr/>";
echo strlen( $_POST['title'] );
echo "<hr/>";
echo strlen( $_POST['data'] );

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： angularjs

相关文章推荐

新的分享

章节导航