从简单JavaScript代码访问AngularJS$scope变量
这似乎不是重复的 ,因为我不想在任何单击时访问此变量 我的Maincontroller.js中有AngularJS代码从简单JavaScript代码访问AngularJS$scope变量,javascript,html,angularjs,Javascript,Html,Angularjs,这似乎不是重复的 ,因为我不想在任何单击时访问此变量 我的Maincontroller.js中有AngularJS代码 是否有可能在JavaScript代码中访问此$scope变量?请检查下面的代码。我所做的是在UI上发布名称,在id的帮助下,我在getElementById和innerHTML的帮助下从javascript代码中获取值 <!DOCTYPE html> <html> <head> <title></title>
是否有可能在JavaScript代码中访问此$scope变量?请检查下面的代码。我所做的是在UI上发布名称,在id的帮助下,我在getElementById和innerHTML的帮助下从javascript代码中获取值
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8" />
</head>
<body >
<div ng-app="app" ng-controller="Maincontroller">
Angualr Scope: <h1 id="name">{{name}}</h1>
</div>
<div>
A button to call a function from simple javascript function: <button onclick="getData()">Get Data: </button>
</div>
<script src="../lib/angular.js"></script>
<script>
var getData = function(){
var name = document.getElementById('name');
console.log(name.innerHTML);
}
</script>
<script>
var app = angular.module('app', []);
app.controller('Maincontroller', function ($scope) {
$scope.name = "Hello";
});
</script>
</body>
</html>
等等,您想在中编写javascript代码。。。javascript?为什么不直接将其写入标记而不是将其表达出来呢?如何在脚本中直接使用名称?这样做是错误的!!忘记了在JS中设置控制器,你知道你在div中编写JavaScript代码,对吗?您需要交换您在html中的代码,而html中的Javascript代码是用它编写的,而$scope.name在我的控制器文件中!!检查Updated.js文件中是否有html代码。。?查阅AngularJs文档的第一页,了解如何创建控制器。
<html>
<script>
// But this seems not possible with {{ name}}
</script>
</html>
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8" />
</head>
<body >
<div ng-app="app" ng-controller="Maincontroller">
Angualr Scope: <h1 id="name">{{name}}</h1>
</div>
<div>
A button to call a function from simple javascript function: <button onclick="getData()">Get Data: </button>
</div>
<script src="../lib/angular.js"></script>
<script>
var getData = function(){
var name = document.getElementById('name');
console.log(name.innerHTML);
}
</script>
<script>
var app = angular.module('app', []);
app.controller('Maincontroller', function ($scope) {
$scope.name = "Hello";
});
</script>
</body>
</html>