Angularjs不绑定数据，html不打印作用域变量。
Angularjs不绑定数据，html不打印作用域变量。
提问于 2017-07-09 14:26:20
这是我的完整代码角不是在html pice的body标记中打印vars，console.log()到处都在工作。吴-点击提交按钮也在工作.
<html ng-app="fb">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap /3.3.7/css/bootstrap.min.css"
integrity="sha384- BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
crossorigin="anonymous">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.5 /angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular-route.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-cookie/4.1.0/angular-cookie.js"></script>
<script>
var app=angular.module('fb', []);
app.controller('home',function($scope){
var hi;
$scope.hi=5;
//$rootScope.hola=9;
console.log($scope.hi);
//console.log($rootScope.hola);
$scope.submitSignup=function()
{
var hi;
$scope.hi=5;
//$rootScope.hola=9;
console.log($scope.hi);
//console.log($rootScope.hola);
console.log($scope.username);
alert('button pressed');
};
});
</script>
<head>
<title>Index</title
</head>
<body>
<div ng-controller='home'>
<input type="text" placeholder="Username" ng-model="username">
<br>
<input type="password" placeholder="Password" ng-model="password">
<br>
<button type="button" ng-click="submitSignup()">SignUp</button>
<br>
<p> {{username}} </p>
<p> {{hi}} </p>
{{hola}}
</div>
<p> index </p>
</body>
</html>抓我的头几个小时，对此，任何帮助将不胜感激。
回答 2
Stack Overflow用户
回答已采纳
发布于 2017-07-09 14:30:15
你忘了用ng-app="fb"启动你的应用程序
<body ng-app="fb">
<div ng-controller="home">
<input type="text" placeholder="Username" ng-model="username">
<br>
<input type="password" placeholder="Password" ng-model="password">
<br>
<button type="button" ng-click="submitSignup()">SignUp</button>
<p> {{username}} </p>
<p> {{hi}} </p>
{{hola}}
</div>
<p> index </p>
</body>
</html>Stack Overflow用户
发布于 2017-07-09 14:31:12
使用ng-app="fb"在模板中添加ng-app
演示
<html ng-app="fb">
<head>
<title>Index</title>
</head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.5/angular.min.js"></script>
<script>
var app=angular.module('fb', []);
app.controller('home',function($scope){
var hi;
$scope.hi=5;
//$rootScope.hola=9;
console.log($scope.hi);
//console.log($rootScope.hola);
$scope.submitSignup=function()
{
var hi;
$scope.hi=5;
//$rootScope.hola=9;
console.log($scope.hi);
//console.log($rootScope.hola);
console.log($scope.username);
alert('button pressed');
};
});
</script>
<body>
<div ng-controller='home'>
<input type="text" placeholder="Username" ng-model="username">
<br>
<input type="password" placeholder="Password" ng-model="password">
<br>
<button type="button" ng-click="submitSignup()">SignUp</button>
<br>
<p> {{username}} </p>
<p> {{hi}} </p>
{{hola}}
</div>
<p> index </p>
</body>
</html>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/44997437
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号