$scope var不在索引文件中放置数据
$scope var not placing data inside index file
谁能告诉我为什么我的代码将不放置'controller is working'在
{{jsVariable}} ? ?我都快疯了。
HTML代码:<!-- AngularJS -->
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0-rc.1/angular.min.js"></script>
<script src="/js/app.js"></script>
<script src="/js/controller.js"></script>
…ng-app = ng-controller"myApp"="控制器">
<h1>asd {{jsVariable}} asd</h1>
控制器代码:
app.controller('controller', ['$scope',function($scope) {
$scope.jsVariable = 'controller is working';
$scope.bob = function() {
console.log("bob: " + $scope.jsVariable);
$scope.jsVariable = 'controller is working';
}
}]);
在控制台中,我确实得到了一个成功的'bob: controller is working'
更新:我让它更简单:索引文件:
<script src="/js/app.js"></script>
<script src="/js/controller.js"></script>
//body(由于某些原因stackoverflow不允许我放置body,div和head标签,但它们确实存在于我的代码中)
. .div ng-app="myApp" ng-controller="myCtrl">
<h1>asd {{jsVariable}} asd</h1>
. .div>
app.js文件:
var app = angular.module("myApp",[]);
controller.js文件:
app.controller('myCtrl', ['$scope',function($scope) {
$scope.jsVariable = 'controller is working';
}]);
我想你可能没有设置ng-app和/或ng-controller。我有一个版本的代码,显示在这里:
html <html data-ng-app="app"><!-- I set up ng-app here -->
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0-rc.1/angular.min.js"></script>
<script src="controller.js"></script>
</head>
<body>
<div data-ng-controller="controller"> <!--I set the ng-controller here -->
<h1>asd {{jsVariable}} asd</h1>
</div>
</body>
我不认为我改变了angularjs,但以防万一:
let app = angular.module('app', []);
app.controller('controller', ['$scope',function($scope) {
$scope.jsVariable = 'controller is working';
$scope.bob = function() {
console.log("bob: " + $scope.jsVariable);
$scope.jsVariable = 'controller is working';
}
}]);
您刚刚创建了Function $作用域。鲍勃,但你从来没打过。只需用$scope.bob();
添加新行像这样
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
</head>
<body ng-app="myApp" ng-controller="MyController">
<div>
Anything you want
</div>
<script>
var myAppModule = angular.module('myApp', []);
myAppModule.controller('MyController', ['$scope', function ($scope) {
$scope.jsVariable = 'controller is working';
$scope.bob= function () {
console.log("bob: " + $scope.jsVariable);
$scope.jsVariable = 'controller is working';
};
$scope.bob();
}]);
</script>
</body>
</html>
相关文章:
- jquery自动完成从本地文件获取数据
- NodeJS FS 不从多个文件返回数据
- 高图表不显示来自csv文件的数据
- 从 Google 云端硬盘请求文件元数据时缺少“downloadUrl”参数
- 从S3获取视频文件元数据
- Ajax请求从php文件获取数据
- 使用Horseman和PhantomJS下载wav文件,数据质量下降
- 在一个函数中使用来自两个单独 JSON 文件的数据
- AngularJS从JSON本地文件获取数据
- 从外部 Javascript 文件访问数据
- 使用 jquery ajax 上传文件的数据方法设置
- 从外部 json 文件获取数据
- 跨 php 文件传递数据时出现问题
- AngularJS:混合来自两个JSON文件的数据
- JSON+Javascript/jQuery.如何从 json 文件导入数据并对其进行解析
- 通过javascript通过多个php文件发布数据
- 编写从 XML 文件返回数据的搜索字段脚本
- 如何将 Javascript 文件对象 + 数据发送到 MVC 6 控制器 - ASP.NET 5.
- JavaScript:如何最有效地管理跨两个文件的数据导入
- NODEJS:一次发送文件和数据