AnjularJS基础学习(字符拼接)

来源:互联网 发布:计算机速录软件 编辑:程序博客网 时间:2024/06/13 09:07
<!DOCTYPE html>
<html ng-app="app">
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript" src="js/angular.js" ></script>
</head>
<body ng-controller="selfname">
<p>姓<input type="text" ng-model="lastname"></p>
<p>名<input type="text" ng-model="fastname"></p><hr />
<p>姓名为:{{youname()}}</p>
</body>
<script>
var app=angular.module("app",[]);
app.controller("selfname",function($scope){
$scope.lastname=" 0 ";
$scope.fastname=" 1 ";

$scope.youname=function(){
return $scope.lastname+""+$scope.fastname;
}
});
</script>
</html>
0 0
原创粉丝点击