angular.js无法正常注入
<!DOCTYPE html>
<html lang="zh-CN" ng-app>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="UTF-8">
<script type="text/javascript" src="js/angular.min.js"></script>
<script type="text/javascript" src="js/angular-route.min.js"></script>
<script type="text/javascript" src="js/VLib.js"></script>
<script type="text/javascript" src="js/main.js"></script>
</head>
<body ng-controller="getConfig">
{{title}}
</body>
</html>
function getConfig($scope, $http) {
$http.get('sources/config.json').success(function(data) {
$scope = data;
console.log($scope.title);
});
};
以下是sources/config.json的内容
{
"title": "VDON"
}
为何body中无法正常显示VDON
控制台中输出VDON。
才刚开始接触angular.js主要是被它的双向绑定和路由吸引。
请问哪里出错了，导致{{title}}没有正常输出？
展开
收起
1
条回答
写回答
写回答
-
你把 $scope = data 替换成 $scope.data = data，然后模版里的 {{title}} 换成 {{data.title}} 即可。
至于原因，我建议你用 console.log 查看前后两种写法中 $scope 对象的差异，之后你应该会明白为什么。如果再不明白，继续提问或搜索。
2019-07-17 20:01:41赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
